javascript - 我如何使用 raphael lib 设置变换

Question

我正在使用 raphael lib，但是当我打开我的 svg 文件时，它有以下代码，如果我放置没有它的路径，则无法设置这些参数映射不显示。

<g transform="translate(0.000000,524.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">

Answer 1

Raphaël 不支持 <g> 元素，但是有一个相关的概念叫做sets。然而，这些集合实际上并没有在 DOM 中表示。

我认为您的问题可能是“如何将现有的 SVG 文件导入 Raphaël”。您是否尝试过沿着这些思路寻找答案？快速搜索显示，例如Raphael JS - 使用 SVG 文件。

Answer 2

如果我正确阅读了您的问题，您需要做的是解析出 transform 属性的内容并调用Element.translate进行翻译，调用Element.scale进行缩放。