首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 平面设计 > 图形图像 >

应用javascript来互相转换画布canvas和图片image

2012-06-26 
使用javascript来互相转换画布canvas和图片image1.使用javascript的drawImage方法可以方便的将图片image转

使用javascript来互相转换画布canvas和图片image

1.使用javascript的drawImage方法可以方便的将图片image转换为画布canvas,如下

?

// Converts image to canvas; returns new canvas element
function convertImageToCanvas(image) {
var canvas = document.createElement("canvas");
canvas.width = image.width;
canvas.height = image.height;
canvas.getContext("2d").drawImage(image, 0, 0);

return canvas;
}

2.同时也可以用以下代码来将画布canvas转化为图片image,如下:

?

// Converts canvas to an image
function convertCanvasToImage(canvas) {
var image = new Image();
image.src = canvas.toDataURL("image/png");
return image;
}

?

热点排行