Question

这是我正在尝试做的笔： http://codepen.io/amcc/pen/RVVRPX/ （以下简化代码）

我正在导入原始svg，然后嵌套它 - 因为需要它来拖动它。我希望能够重新调整svg，最好的方式是什么？

第12行显示我尝试使用size（），但没有做太多的事情

var rawsvg1 = '<g><path d="M265.8,171.5V49H297v122.5H265.8z"/></g>';
var draw = SVG('drawing').size('100%', '100%');
var groupContainer = draw.nested();

var group1 = groupContainer.nested();
group1.svg(rawsvg1);
//change group1 attributes
group1.size(50, 50);

Answer 1

然后嵌套它 - 因为需要它来拖动它。

你为什么这么想？

您无需创建所有嵌套的<svg>元素。组（<g>）也可以正常工作。

您可以使用转换功能调整要“导入”的内容的大小。

var draw = SVG('drawing').size('100%', '100%');

var group1 = draw.group();
group1.svg(rawsvg1);
//change group1 attributes
group1.attr('fill', '#fff');
group1.translate(200,100).scale(0.5,0.5);
//make group1 draggable
group1.draggable();
group1.draggable().on('dragmove', function(e){ })

Updated codepen

使用svg.js调整嵌套和导入的svg的大小

1 个答案: