打印html5中Canvas的方法

function print_voucher(){ // 打印的主要方法var win=window.open();win.document.write("<br><img src='"+canvas.toDataURL()+"'/>");win.print();win.location.reload();
}

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

<script>
$(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("<br><img src='"+canvas.toDataURL()+"'/>");win.print();win.location.reload();}$("#printVoucher").click(function(){ print_voucher(); });}); // end $(function(){});
</script><body><canvas id="canvas" width=300 height=300></canvas><br><button id="printVoucher">Print</button>
</body>

转载于:https://www.cnblogs.com/LLSutdy/p/6751886.html

打印html5中Canvas的方法相关推荐

html5中提供的绘图元素,HTML5中Canvas元素的使用总结
HTML5中Canvas元素的使用总结 Canvas提供了开发者自定义绘图的接口,我们可以公国getContext()函数来获取绘图上下文进行绘制操作,这个函数中可以传入两个参数,其中第1个参数设置绘 ...
php版canvas,PHP实现将HTML5中Canvas图像保存到服务器
这篇文章主要介绍了PHP实现将HTML5中Canvas图像保存到服务器的方法,可实现将Canvas图像保存到服务器的功能,是非常实用的技巧,需要的朋友可以参考下本文实例讲述了PHP实现将HTML5中 ...
html页面画虚线,HTML5中canvas怎么画虚线
HTML5中canvas如何画虚线虚线也可以看成是一段段的实线组成的,而实线是利用context.moveTo(x,y);context.lineTo(x2,y2);context.stroke() ...
html5中canvas画布实现手机端和移动端的刮刮乐效果
用html5中的canvas实现刮刮乐的效果使用html+css实现背景的样式使用clearRect()方法实现挂去的作用手机端使用addEventListener()监听手机端滑动事件tou ...
浅谈HTML5中canvas中的beginPath()和closePath()的重要性
beginPath的作用很简单,就是开始一段新的路径,但在使用canvas绘图的过程中却非常重要先来看一小段代码: var ctx=document.getElementById("can ...
Html5中Canvas（画布）的使用
什么是 Canvas?HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像.画布是一个矩形区域,您可以控制其每一像素.canvas 拥有多种绘制路径.矩形.圆形.字符以及添加 ...
HTML5中的标记方法
1.内容类型(ContentType) HTML5扩展仍然为".html"或".htm",内容类型(ContentType)仍然为"text/html ...
粗浅理解html5中canvas transform()和settransform()方法
1,理解参数很重要 (水平缩放,水平倾斜,垂直倾斜,垂直缩放,水平移动,垂直移动) 这六个参数可看作"变换矩阵",并与之相乘 2.transform()方法的执行对象是先对于它上一 ...
毛边效果 html,Html5中Canvas画线有毛边如何解决
Html5 Canvas 所有的画线指令画出来的线条都有毛边(比如 lineTo, arcTo,strokeRect),这是因为在Canvas中整数坐标值对应的位置恰巧是屏幕象素点中间的夹缝,那么当按 ...

打印html5中Canvas的方法

打印html5中Canvas的方法相关推荐

最新文章

热门文章