将画布数据导出到json

Question

干草伙计们,我使用canvas标签创建了一个简单的绘图应用程序.但是,我想将数据导出到JSON,以便可以保存.

怎么会这样呢？

Answer 1

你需要的是toDataUrl(type)方法.它将返回一个数据:URI - 一个普通字符串,您可以轻松地将其放入JSON结构中或执行您想要的操作.例:

var canvas = document.createElement('canvas');
canvas.width=8;
canvas.height=8;
var ctx = canvas.getContext('2d');
/* draw on ctx */
alert(canvas.toDataURL());
/* result: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAADUlEQVR42mNgGAUgAAABCAABXbcZDQAAAABJRU5ErkJggg== */

在Opera 10.0中测试过.你也可以试试.toDataURL("image/jpeg")