我们常常绘画的canvas的画布内容,对于用户而言是只能看不能进行操作的,你所绘画出来的呈现出来的图片,其实用户看到了之后是无法对其进行操作的,不能进行保存和打印,这样,我们就需要用一种方法对我们所画的canvas进行改变,使之变成一个image。
canvas的API提供的toDataURL():返回的引用,指向了某个给定canvas元素的数据地址。可以将img元素的src属性值设置为这个数据地址,这样就可以创建表示canvas的图像了。
html页面的代码:
1.向网页中加入一个不可见的图像元素(img id="snapshotImageElement"),然后给该元素设置好id值,但不要设定其src属性。
2.通过css,调整图像的位置大小,使其刚好的覆盖在canvas上
3.对网页中加入一个用于抓取快照的控件
JavaScript代码: