在HTML5Canvas中放⼊图⽚和保存为图⽚的⽅法使⽤JavaScript将图⽚拷贝进画布
要想将图⽚放⼊画布⾥，我们使⽤canvas元素的drawImage⽅法：
复制代码
代码如下:
// Converts image to canvas; returns new canvas element
function convertImageToCanvas(image) {
var canvas = ateElement("canvas");
canvas.width = image.width;
canvas.height = image.height;
}
这⾥的0, 0参数画布上的坐标点，图⽚将会拷贝到这个地⽅。
⽤JavaScript将画布保存成图⽚格式
如果你的画布上的作品已经完成，你可以⽤下⾯简单的⽅法将canvas数据转换成图⽚格式：
复制代码
代码如下:
// Converts canvas to an image
function convertCanvasToImage(canvas) {
var image = new Image();
image.src = DataURL("image/png");
return image;svg和canvas的区别
}
这段代码就能神奇的将canvas转变成PNG格式！
这些在图⽚和画布之间转换的技术可能⽐你想象的要简单的多哦。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。