html - 动画 SVG 还是 Canvas?

标签 html animation canvas svg

我想知道制作像this这样的动画是否更好在 Canvas 或 svg 中(性能方面)?我现在正在用 jquery 重写它,但我在某处读到 Canvas 每次更改时都会重新绘制。

最佳答案

对于这些“简单”的动画和场景图,使用 SVG 还是 Canvas 性能并不重要。两者都应该可以正常工作而不会出现性能问题。

然而,与 Canvas 相比,使用 SVG 创建动画可能更容易。 在 Canvas 中,您必须重新绘制整个场景,而在 SVG 中,您可以只创建一次环,然后在其上定义一个变换(旋转)。

对于 SVG,请查看 d3.jsraphael对于 Canvas ,您可以查看 processingjs , fabric.js , kinetic.jspaper.js

关于html - 动画 SVG 还是 Canvas?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9655594/

相关文章:

iphone - 垂直折叠动画

java - 即使不可见,如何让tableRow闪烁? (JavaFX)

javascript - 滑动面板动画

android - 我可以使用 Glide 获得精炼/所需的位图以在 Canvas 上绘制吗?

html - 隐藏 CSS 中的其他元素

javascript - ApexCharts - 在 "Simple Donut Chart"中添加一个数字

html - div 触摸浏览器的左端和右端

javascript - 堆叠/重叠 Canvas 元素上的事件监听器处理

javascript - 如何绘制开放线或未闭合路径 pixi.js

java - 文本区域内容未正确呈现\n\b\r 未正常工作