add test files

This commit is contained in:
ysk2014
2020-09-14 12:21:30 +08:00
parent 4482b33356
commit 1dcd17b408
4 changed files with 66 additions and 126 deletions

View 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>

View 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>&lt;h1&gt; 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>