Javascript 使用SVG.js加载、转换和嵌入SVG文件

我正在使用该库加载svg文件，添加其点（图像）并设置点的动画。我用PHP加载svg文件，并生成代码将其嵌入html

下面是我的html代码的外观：

<div class="svg-element">
    <svg id="svgId" ...>
        <!-- SVG code -->
    </svg>
</div>

var svg = SVG.get('svgId');
svg.size('100%', '100%');

var point = svg.image(point_url);
point.attr('id', 'pointId');
point.move(100, 100);

这段代码工作得很好，但当我使用该函数对点进行缩放时，问题就出现了

point.scale(0.5);

或功能：

point.transform({scaleX : '0.5', scaleY : '0.5'});

类型错误：SVG.parser未定义错误显示在javascript控制台中

---

如何避免该问题并对图像使用变换方法？问题可能是我使用了

.get（）

函数，如何使用SVG文件创建

SVG

对象？

解决方案既愚蠢又简单：

var svg = SVG('svgId');

而不是使用函数

---

您必须使用带有SVG id的

SVG（）

构造函数，而不是

.get（）

函数，我对此感到困惑，因为它说您可以使用

.get（）

检索SVG。

解决方案既愚蠢又简单：

var svg = SVG('svgId');

而不是使用函数

您必须使用带有SVG id的

SVG（）

构造函数，而不是

.get（）

函数，我对此感到困惑，因为它说您可以使用

.get（）

检索SVG。

链接的答案还说：“导入原始SVG后的方法：”。get方法用于svg文档中的元素，而不是文档本身。链接的答案还表示：“导入原始svg后的方法：”。get方法用于svg文档中的元素，而不是文档本身