转换为图像或使用画布?

时间:2014-10-14 23:20:01

标签: javascript html5 canvas

只是想知道在将画布绘图添加到DOM之前将其转换为图像是否更好?或者更好地添加画布本身?

我使用画布来创建图像。

2 个答案:

答案 0 :(得分:1)

这取决于您的情况。

Canvas可能会也可能不会分配额外的内存缓冲区,但通常会与显示缓冲区共享后台缓冲区。如果像素比率不同于1:1(即视网膜显示器),则可能不是这种情况。

此外,对于canvas,如果使用html标签创建,可以在某些条件下由浏览器清除,例如窗口调整大小。这似乎是一个较小的问题,虽然它曾经是(Chrome也可以在显示一些对话框时清除画布)。

将其转换为图像会产生性能和内存开销:首先创建压缩图像,然后将其转换为base-64,并增加33%的内存开销,然后将其作为图像源传递,触发转换基础将64个字符串放入图像文件,然后将其解压缩为位图。

答案 1 :(得分:0)

确保将其转换为图像并将其添加为DOM对象

如果您调整画布大小会自行清除,那么您将有空白区域。