在HTML 5画布上呈现SVG图像的性能

时间:2012-08-01 23:08:38

标签: svg html5-canvas

SVG图像非常适合高细节图形,但由于它们包含许多需要在渲染之前计算的坐标,因此它们可能对性能有害,比如渲染jpg只是绘制一个pre数组 - 计算像素?

我使用Context.drawImage,我不知道是否需要在画布的每个绘制帧中计算SVG图形,或者它们是否可能以某种方式缓存?或者我担心什么都没有?

1 个答案:

答案 0 :(得分:1)

性能取决于您的具体应用和图形的复杂程度,但一般来说矢量图形不会产生重大影响。您的主要瓶颈通常是操纵画布中的像素数据;画布越大,绘制的时间就越长。

除非您每帧都重绘画布,否则执行的唯一计算是最初绘制图像时所做的计算。当你不修改它时,画布实际上只不过是一个静态位图。

相关问题