<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>js屏幕截图插件html2canvas|DEMO_jQuery之家-自由分享jQuery、html5、css3的插件库</title>
<link rel="stylesheet" type="text/css" href="css/normalize.css" /><!--CSS RESET-->
<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css"><!--演示页面样式，使用时可以不引用-->
<style type="text/css">
/* last modified: 1 Dec 98 */
html {
font: 10px/1 Verdana, sans-serif;
background-color: blue;
color: white;
}
body {
/*margin: 1.5em;*/
border: .5em solid black;
padding: 0;
overflow-x: hidden;
background-color: white;
}
.container{
width: 48em;
margin: 0 auto;
}
dl {
margin: 0;
border: 0;
padding: .5em;
}
dt {
background-color: rgb(204,0,0);
margin: 0;
padding: 1em;
width: 10.638%; /* refers to parent element's width of 47em. = 5em or 50px */
height: 28em;
border: .5em solid black;
float: left;
}
dd {
float: right;
margin: 0 0 0 1em;
border: 1em solid black;
padding: 1em;
width: 34em;
height: 27em;
}
ul {
margin: 0;
border: 0;
padding: 0;
}
li {
display: block; /* i.e., suppress marker */
color: black;
height: 9em;
width: 5em;
margin: 0;
border: .5em solid black;
padding: 1em;
float: left;
background-color: #FC0;
}
#bar {
background-color: black;
color: white;
width: 41.17%; /* = 14em */
border: 0;
margin: 0 1em;
}
#baz {
margin: 1em 0;
border: 0;
padding: 1em;
width: 10em;
height: 10em;
background-color: black;
color: white;
}
form {
margin: 0;
display: inline;
}
p {
margin: 0;
}
form p {
line-height: 1.9;
}
blockquote {
margin: 1em 1em 1em 2em;
border-width: 1em 1.5em 2em .5em;
border-style: solid;
border-color: black;
padding: 1em 0;
width: 5em;
height: 9em;
float: left;
background-color: #FC0;
color: black;
}
address {
font-style: normal;
}
/*h1 {
background-color: black;
color: white;
float: left;
margin: 1em 0;
border: 0;
padding: 1em;
width: 10em;
height: 10em;
font-weight: normal;
font-size: 1em;
}*/
</style>
</head>
<body>
<div class="htmleaf-container">
<header class="htmleaf-header">
<h1>js屏幕截图插件html2canvas <span>Screenshots with JavaScript - html2canvas</span></h1>
<div class="htmleaf-links">
<a class="htmleaf-icon icon-htmleaf-home-outline" href="http://www.htmleaf.com/" title="jQuery之家" target="_blank"><span> jQuery之家</span></a>
<a class="htmleaf-icon icon-htmleaf-arrow-forward-outline" href="http://www.htmleaf.com/html5/html5-canvas/201905305670.html" title="返回下载页" target="_blank"><span> 返回下载页</span></a>
</div>
</header>
<div class="container">
<dl>
<dt>
toggle
</dt>
<dd>
<ul>
<li>
the way
</li>
<li id="bar">
<p>
the world ends
</p>
<form action="./" method="get">
<p>
bang
<input type="radio" name="foo" value="off">
</p>
<p>
whimper
<input type="radio" name="foo2" value="on">
</p>
</form>
</li>
<li>
i grow old
</li>
<li id="baz">
pluot?
</li>
</ul>
<blockquote>
<address>
bar maids,
</address>
</blockquote>
<h1>
sing to me, erbarme dich
</h1>
</dd>
</dl>
<p style="color: black; font-size: 1em; line-height: 1.3em; clear: both">
This is a nonsensical document, but syntactically valid HTML 4.0. All 100% conformant CSS1 agents should be able to render the document elements above this paragraph <b>indistinguishably</b> (to the pixel) from this reference rendering, (except font rasterization and form widgets). All discrepancies should be traceable to CSS1 implementation shortcomings. Once you have finished evaluating this test, you can return to the <A HREF="#" style="text-decoration:none">parent page</A>.
</p>
</div>
<div class="related">
<h3>如果你喜欢这个插件，那么你可能也喜欢:</h3>
<a href="http://www.htmleaf.com/html5/html5-canvas/201905155648.html">
<img src="related/1.jpg" width="300" alt="基于canvas的Photoshop样式网页涂鸦板插件"/>
<h3>基于canvas的Photoshop样式网页涂鸦板插件</h3>
</a>
<a href="http://www.htmleaf.com/html5/html5-canvas/201904265626.html">
<img src="related/2.jpg" width="300" alt="HTML5 canvas擦抹模糊玻璃特效"/>
<h3>HTML5 canvas擦抹模糊玻璃特效</h3>
</a>
</div>
</div>
<script type="text/javascript" src="./dist/html2canvas.js"></script>
<script type="text/javascript">
html2canvas(document.body).then(function(canvas) {
document.body.appendChild(canvas);
});
</script>
</body>
</html>
js屏幕截图插件html2canvas
需积分: 50 60 浏览量
2019-12-12
20:51:58
上传
评论
收藏 741KB ZIP 举报
js屏幕截图插件html2canvas （457个子文件） 
htmleaf-demo.css 6KB normalize.css 2KB icomoon.eot 2KB
index.html 6KB demo.html 4KB demo2.html 2KB existing_canvas.html 1KB readme.html 865B
1.jpg 32KB 2.jpg 30KB html2canvas.js 370KB html2canvas.esm.js 343KB html2canvas.min.js 160KB canvas-renderer.js 47KB tokenizer.js 27KB document-cloner.js 21KB cache-storage.js 18KB counter.js 18KB index.js 14KB background.js 11KB image-tests.js 11KB index.js 11KB cache-storage.js 10KB color.js 9KB list-style-type.js 9KB bound-curves.js 9KB gradient.js 7KB stacking-context.js 7KB color-tests.js 6KB parser.js 6KB features.js 6KB node-parser.js 5KB foreignobject-renderer.js 5KB radial-gradient.js 4KB radial-gradient.js 4KB input-element-container.js 4KB text-shadow.js 4KB -prefix-radial-gradient.js 4KB image.js 3KB text.js 3KB iframe-element-container.js 3KB display.js 3KB angle.js 3KB -webkit-gradient.js 3KB logger.js 3KB font-metrics.js 2KB background-tests.js 2KB box-shadow.js 2KB transform.js 2KB mock-context.js 2KB text-shadow.js 2KB tokernizer-tests.js 2KB border.js 2KB length-percentage.js 2KB background-repeat.js 2KB bezier-curve.js 2KB svg-element-container.js 1KB bounds.js 1KB image-element-container.js 1KB quotes.js 1KB canvas-element-container.js 1KB select-element-container.js 1KB ol-element-container.js 1KB -prefix-linear-gradient.js 1KB counter-increment.js 1KB background-clip.js 1KB box-sizing.js 1KB textarea-element-container.js 1KB overflow.js 1KB li-element-container.js 1KB text-container.js 1KB text-transform.js 1KB linear-gradient.js 1KB transform-tests.js 1KB position.js 1KB text-decoration-line.js 1KB background-size.js 1KB border-style.js 1KB float.js 1KB counter-reset.js 1021B path.js 1009B line-height.js 970B text-align.js 963B visibility.js 958B effects.js 954B list-style-position.js 951B word-break.js 920B font-style.js 902B transform-origin.js 901B element-container.js 897B border-radius.js 880B background-origin.js 870B background-image.js 863B overflow-wrap.js 841B border-width.js 819B letter-spacing.js 819B IPropertyDescriptor.js 813B font-weight.js 811B line-break.js 791B z-index.js 771B共 457 条
- 1
- 2
- 3
- 4
- 5
资源评论
