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

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

then nesting it - as this is needed to allow it to be dragged.

你为什么这么认为？

没有必要所有那些嵌套<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