html2canvas ---- canvas里的width和style里面的width区别

今天想要用html2canvas做一个截图保存，参考了一个demo：姑且叫做demo1.html

当然前提是要有html2canvas.js jq可有可无

demo.html:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>html2canvas example</title>
<script type="text/javascript" src="html2canvas.js"></script>
</head>
<script type="text/javascript">
function takeScreenshot() {
//console.log('test');
html2canvas(document.getElementById('view'), {
onrendered: function(canvas) {
document.body.appendChild(canvas);
},
// width: 300,
// height: 300
});
}
</script>
<body>
<div id="view" style="background:url(images/pic1.jpg) 50%; width: 700px; height: 500px;">
<input type="button" value="截图" οnclick="takeScreenshot()">
</div>
</body>
</html>

然后我就注意到，为什么他把设置里面的宽高给注释了呢？为什么dom的s

html2canvas ---- canvas里的width和style里面的width区别相关推荐

SAP UI5 Web Component里如何自定义CSS style
没有进行样式自定义时候的应用外观: 在public文件夹的index.html里的head标签页里,添加一个style设置: <style>* {--sapUiTileTitleTextC ...
如何把Word里的公式放到PowerPoint里
我们看一下,如何把Word 里的公式放到 PowerPoint 里: 1.和往常一样在 Word 里把公式选中,复制一下. 2.然后我们进入 PowerPoint 文档,把光标移到要插入公式的位置. ...
html text width,HTML5 Text Canvas rotate in case text width is larger than maximum width allowed
问题 Friends, i'm finding rotating a text canvas object a bit tricky. The thing is, I'm drawing a grap ...
如何在 SAP CRM WebClient UI 里在 Context node 上下文里访问其他 Context Node 的数据
今天一个朋友在微信上咨询我一个问题: 抽象一下,这个问题就是:如何在 Context Node A 的上下文,比如 GET 方法里,读取到 Context Node B 的数据? 以 Product ...
在Safari里也能像Chrome里一样，通过执行js修改变量的值，在debugger里立即生效
在Safari里也能像Chrome里一样,通过执行js修改变量的值,在debugger里立即生效. 和Chrome里的network tab一样,Safari里通过network request一样能 ...
gstat | 空间插值（三）——克里金插值之泛克里金和简单克里金
本篇接着上篇继续介绍克里金插值.首先加载相关工具包和上篇使用的示例数据: library(gstat) library(sf) library(tidyverse) library(readxl) l ...
dc是什么游戏的简称_足球里位置简称CB和DC有什么区别
足球中CM.CAM.CDM.RM.LM.RB.LB.CB.LW.ST都是什么位置.还有什么别的.CDM(Centre Defender Mid-Fielder) 后腰,偏防守位置,后场拦截,中场节奏把 ...
欧几里得扩展欧几里得
欧几里得 & 扩展欧几里得时间复杂度T(n):O(log2n); 空间复杂度S(n):O(n); Advantages: 1. 时间复杂度不高,和普通欧几里得一样: 2. 代 ...
函数的柯里化和反柯里化
函数1 函数的柯里化柯里化(currying)是把接收多个参数的函数变换成为接收一个部分参数的函数,并返回接收余下参数的新函数的技术.通常这个参数是一个. 可能我们对这个解释不太明白. 现在我们来思 ...
在VC 6.0里Win32 Application和Win32 console Application的区别
我们用Visual C++在创建工程的时候有Win32 Application和Win32 console Application,下面我们就了解下他们的区别. 在VC 6.0里Win32 Appli ...

html2canvas ---- canvas里的width和style里面的width区别

html2canvas ---- canvas里的width和style里面的width区别相关推荐

最新文章

热门文章