将canvas保存为图片下载,canvas加载图片

　　使用JavaScript将图片拷贝进画布

　　要将图片放入画布，我们使用canvas元素的drawImage方法：复制代码code如下：

　　//将图像转换为画布；返回新的画布元素

　　函数convertImageToCanvas(图像){

　　var canvas=document . createelement( canvas )；

　　画布.宽度=图像.宽度；

　　canvas . height=image . height；

　　canvas.getContext(2d )。drawImage(image，0，0)；/pp返回画布；

　　}

　　这里的0，0参数是画布上的坐标点，图片会复制到这个地方。

　　用JavaScript将画布保存成图片格式

　　如果您的画布上的工作已经完成，您可以使用以下简单的方法将画布数据转换为图片格式：复制代码代码如下：

　　//将画布转换为图像

　　函数convertCanvasToImage(canvas) {

　　var Image=new Image()；

　　image . src=canvas . toda taurl( image/png )；

　　返回图像；

　　}

　　这段代码可以神奇地将canvas转换成PNG格式！

　　这些图片和画布之间的转换技术可能比你想象的要简单得多。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。