HTML5 Canvas 学习日志（七）

HTML5 Canvas 学习日志（七）
Export Canvas 导出Canvas

context.fillStyle = "rgb(0, 102, 153)";context.save();context.fillRect(50, 50, 100, 100);context.fillStyle = "rgb(200, 0, 0)";context.fillRect(100, 100, 100, 100);context.restore();context.fillRect(150, 150, 100, 100);/* toDataURL()方法获取Canvas的URL dataURL里的一段值 data:image/png;base64,iVBORw0KGgoAAAANSU..... 返回一个png格式，base64编码的图片 创建一个img，来替换canvas Mozilla Firefox浏览器可以直接保存canvas，实现了toDataURL()的功能 其他浏览器需用以下方法 */var dataURL = canvas.get(0).toDataURL();var img = $("<img></img>");img.attr("src", dataURL);canvas.replaceWith(img);