我想创建一个按钮,点击时的打印:制作画布IMG
- 打开一个新的窗口画布IMG;
- 开始打印功能;
- 使用JS后关闭新页面。
这是我到目前为止有:
function printCanvas() {
var canvas = document.getElementById("sidstemoned");
var img = canvas.toDataURL("image/png");
var newWin = window.open("");
newWin.document.write('<img src="' + img + '" />');
newWin.print();
newWin.close();
}
$(document).ready(function() {
$('#print_canvas').on('click', printCanvas);
});
帆布:
<canvas
class='costumor_statistic col-lg-12 col-md-12 col-sm-12'
style='height:350px;'
id='sidstemoned'></canvas>
按钮:
<button
class="btn btn-default hidden-print"
id="print_canvas">Print <span class="fa fa-print "></span></button>
控制台打印此当我按下按钮:
Uncaught TypeError: Cannot read property
toDataURL
ofnull
at printCanvas
at HTMLButtonElement.
at HTMLButtonElement.dispatch (jquery.min.js:4)
at HTMLButtonElement.r.handle (jquery.min.js:4)
您能否快速指出您在使用上述代码的过程中遇到的问题/错误? –
你能通过所有的标记和脚本来编辑你的问题吗?我的脚本正常工作 – Antonio
@Antonio完成更新问题到你发送的代码,所以现在这是我现在在网站上的样子。 –