javascript - 转换为图像还是使用 Canvas ?

标签 javascript html canvas

只是想知道在将 Canvas 绘图添加到 DOM 之前将其转换为图像是否更好,还是直接添加 Canvas 本身更好?

我正在使用 Canvas 来创建图像。

最佳答案

这取决于您的场景。

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

此外,对于 Canvas ,如果使用 html 标签创建,则在某些条件下(例如窗口调整大小)可能会被浏览器清除。现在这似乎是一个较小的问题,但过去却是(Chrome 在显示某些对话框时也可以清除 Canvas )。

将其转换为图像会带来性能和内存开销:首先创建压缩图像,然后将其转换为 base-64,额外增加 33% 的内存开销,然后将其作为图像源传递,从而触发 base-64 的转换64字符串转换为图像文件,然后将其解压为位图。

关于javascript - 转换为图像还是使用 Canvas ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26372010/

相关文章:

java - **如何从数量输入值中选择指定数量的IMG标签**

JavaScript Canvas : Pong - Animation

javascript - 在 Canvas 中播放部分视频

c# - 在 C# 中使用图片代替矩形

javascript - KineticJS - 使用 Stage.draggable 移动 4000 个图 block

javascript - 我们如何通过使用来自另一个 div 的链接使 DIV 可点击

javascript - 我怎样才能使我的 HTML Canvas 点更自然地移动?

javascript - 使用 JavaScript 代码在 Safari 上不显示背景图像

javascript - 获取父项的高度并使用 jQuery 分配给子项

ipad - 适用于 android、iPhone、firefox、opera 但不适用于 iPad 的应用程序 list