mirror/html2canvas
1
0
Fork 0
mirror of https://github.com/niklasvh/html2canvas.git synced 2023-08-10 21:13:10 +03:00
Code Issues Projects Releases Wiki Activity

Beging implementing reftests

Browse Source
This commit is contained in:
MoyuScript
2017-08-09 00:50:31 +08:00
parent 8fde015829
commit b4dfb4404f
163 changed files with 15221 additions and 14371 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
tests/reftests/text/shadow.html Normal file
View File

@ -0,0 +1,57 @@
<!DOCTYPE html>
<html>
<head>
<title>Text shadow tests</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../../test.js"></script>
<style>
.shadow1 span{
text-shadow: 1px 1px 3px #888;
}
.shadow1 strong {
text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue;
}
.shadow2 {
font-size: 48px;
}
.shadow2 span{
color: transparent;
text-shadow: 0 0 5px #00f, 2px 2px 0 #f00;
}
.shadow2 strong {
color: rgba(0, 255, 0, 0.5);
text-shadow: 0 0 5px #00f, 2px 2px 0 #f00;
text-decoration: underline;
}
.white-text-with-blue-shadow {
text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue;
color: white;
font: 1.5em Georgia, serif;
}
.red-text-shadow {
text-shadow: 0 -2px;
}
</style>
</head>
<body>
<div class="shadow1">
Some text <span> followed by text with shadow </span> followed by more text without shadow.
<strong>Multi text shadow</strong> and some more text without shadow
</div>
<div class="shadow2">
<span>testing with transparent</span>
<strong>testing with low opacity</strong>
</div>
<p class="white-text-with-blue-shadow">Sed ut perspiciatis unde omnis iste
natus error sit voluptatem accusantium doloremque laudantium,
totam rem aperiam, eaque ipsa quae ab illo inventore.</p>
<p class="red-text-shadow">Sed ut perspiciatis unde omnis iste
natus error sit voluptatem accusantium doloremque laudantium,
totam rem aperiam, eaque ipsa quae ab illo inventore.</p>
</body>
</html>