mirror of
https://github.com/niklasvh/html2canvas.git
synced 2023-08-10 21:13:10 +03:00
add test files
This commit is contained in:
33
tests/reftests/images/filter.html
Normal file
33
tests/reftests/images/filter.html
Normal file
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>External content tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<script type="text/javascript" src="../../test.js"></script>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial;
|
||||
}
|
||||
</style>
|
||||
<base href="http://localhost:8081/" />
|
||||
</head>
|
||||
<body>
|
||||
<h1>Original image</h1>
|
||||
<img src="http://localhost:8081/assets/image2.jpg" />
|
||||
|
||||
<h1>filter: blur(5px);</h1>
|
||||
<img src="/assets/image_1.jpg" style="filter: blur(5px);" />
|
||||
|
||||
<h1>filter: contrast(200%);</h1>
|
||||
<img src="/assets/image_1.jpg" style="filter: contrast(200%);" />
|
||||
|
||||
<h1>filter: grayscale(80%);</h1>
|
||||
<img src="/assets/image_1.jpg" style="filter: grayscale(80%);" />
|
||||
|
||||
<h1>filter: hue-rotate(90deg);</h1>
|
||||
<img src="/assets/image_1.jpg" style="filter: hue-rotate(90deg);" />
|
||||
|
||||
<h1>filter: invert(75%);</h1>
|
||||
<img src="/assets/image_1.jpg" style="filter: invert(75%);" />
|
||||
</body>
|
||||
</html>
|
33
tests/reftests/text/stroke.html
Normal file
33
tests/reftests/text/stroke.html
Normal file
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Text stroke</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<script type="text/javascript" src="../../test.js"></script>
|
||||
<style>
|
||||
div span:first-child {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
div span:nth-child(2) {
|
||||
font-size: 5em;
|
||||
}
|
||||
|
||||
.stroke1 {
|
||||
-webkit-text-stroke: 0.09em red;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Arial;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1><h1> text-stroke</h1>
|
||||
<div class="stroke1">
|
||||
Some text <span> with bigger text </span> that should have a stroke <strong>Bolder stroke</strong> that
|
||||
makes things pretty
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user