html5 直接打印,打印html5中Canvas的方法

60 阅读 0 评论 40 点赞

我是靠谱客的博主飘逸店员，最近开发中收集的这篇文章主要介绍html5 直接打印,打印html5中Canvas的方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

function print_voucher(){ // 打印的主要方法

var win=window.open();

win.document.write(" %e2%80%98%22+canvas.todataurl()+%22%e2%80%98 ");

win.print();

win.location.reload();

}

需要打开一个窗口进行打印，示例代码如下：

$(function(){

var canvas=document.getElementById("canvas");

var ctx=canvas.getContext("2d");

ctx.fillStyle="gold";

ctx.strokeStyle="blue";

ctx.lineWidth=5;

ctx.rect(50,50,100,100);

ctx.fill();

ctx.stroke();

function print_voucher(){

var win=window.open();

win.document.write(" %e2%80%98%22+canvas.todataurl()+%22%e2%80%98 ");

win.print();

win.location.reload();

}

$("#printVoucher").click(function(){ print_voucher(); });

}); // end $(function(){});

原文：http://www.cnblogs.com/LLSutdy/p/6751886.html

以上就是飘逸店员为你收集整理的html5 直接打印,打印html5中Canvas的方法的全部内容，希望文章能够帮你解决html5 直接打印,打印html5中Canvas的方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。