SVG.JS响应组

时间:2018-06-20 07:36:05

标签: javascript svg responsive-design svg.js

我正在使用SVG.js库来处理javascript中的svg。 我在div中创建了一个svg,并在其中创建了一个组(可以选择各种元素,可调整大小,拖动各种元素),但是当我调整窗口大小时,SVG内部的节点不适合外部svg(而是与窗口一起调整大小) )。为什么会发生这种情况? 有办法解决吗?

第一种情况:该组未使用svg元素调整大小

svgload = SVG(nomediv); //Create SVG from an empty div element
svgload.svg(layerHtmlText);  // Import Group <g id="gruppo1"></g>
layer=SVG.get("gruppo1");
myEllipse = layer.ellipse(30, 30); //Insert element in <g>
myEllipse.selectize({ deepSelect: true }).resize().draggable(); //select-resize-drag

第二种情况:效果很好

svgload = SVG(idsvg); //idsvg is en existing Svg
svgload.svg(layerHtmlText);  // Import Group <g id="gruppo1"></g>
layer=SVG.get("gruppo1");
....

0 个答案:

没有答案