将div保存到图像(不工作)
将div保存到图像(不工作)
提问于 2015-10-05 18:33:06
我从http://jsfiddle.net/8ypxW/3/获得了一个代码，用于将div转换成图像。但是当我试图在我的页面中实现它时，它不起作用。下面是我的密码..。
请帮助我的朋友们..。
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(function () {
$("#btnSave").click(function () {
html2canvas($("#widget"), {
onrendered: function (canvas) {
theCanvas = canvas;
document.body.appendChild(canvas);
// Convert and download as image
Canvas2Image.saveAsPNG(canvas);
$("#img-out").append(canvas);
}
});
});
});
</script>
</head>
<body>
<span id="widget" class="widget">
this is text.
</span>
<br/>
<button id="btnSave">Save PNG</button>
<div id="img-out"></div>
</body>
</html>回答 2
Stack Overflow用户
回答已采纳
发布于 2015-10-05 18:37:46
您只包含jquery核心。您将需要项目中包含的其他js文件。
<script type='text/javascript' src="https://github.com/niklasvh/html2canvas/releases/download/0.4.1/html2canvas.js"></script>
<script type='text/javascript' src="http://www.nihilogic.dk/labs/canvas2image/base64.js"></script>
<script type='text/javascript' src="http://www.nihilogic.dk/labs/canvas2image/canvas2image.js"></script>Stack Overflow用户
发布于 2015-10-05 18:37:29
你是否正确地引用了库？在您的代码中，您只加载jquery文件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32955474
复制相关文章
相似问题
腾讯云开发者
