javascript - 使用 SVG api 进行矩阵数学

Question

对于我当前的项目，我需要矩阵数学，即二维转换的所有基本内容。我知道有像 sylvester 等框架，但我也在 SVG DOM api 中找到了我需要的所有功能。所以就有了 SVGMatrix、SVGPoint、SVGRect 等等。

这是我的问题:如果我创建一个内存 SVG，只是为了成为矩阵、点和矩形的工厂，这会给我带来性能优势吗？我可以在不同的 SVG 上下文中使用使用 memory-svg 创建的 SVGMatrix(即将其应用于元素变换)吗？

问候菲利普

Answer 1

If I create an memory-SVG, just for the purpose of being the factory for Matrices, Points and Rects, does this provide me with performance advantages?

使用 SVG 引擎进行坐标转换比 Javascript 循环中的手动乘法更快，尤其是当有数千个点需要转换时。因此，尽可能使用转换而不是在 Javascript 中重新计算坐标是一个明显的优势，您可以轻松进行基准测试。此外，诸如 path d 属性更改之类的 DOM 操作也慢得像乌龟。

Can I use an SVGMatrix created with the memory-svg in the context of a different SVG (i.e. applying it to elements transform)?

是的，你可以，我每天午餐前都会这样做十次。 SVGMatrix 对象是自由 float 的，不会以任何方式附加到其工厂 SVGSVGElement(其本身就是所谓的分离 DOM 对象)。