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

使用svg.js调整嵌套和导入的svg的大小,svg,svg.js,Svg,Svg.js,这是我想做的一支笔: (下面也是简化代码) 我正在导入原始svg,然后嵌套它——因为这是允许拖动它所必需的。我希望能够重新缩放svg,最好的方法是什么 第12行显示我尝试使用size(),但效果不大 var rawsvg1 = '<g><path d="M265.8,171.5V49H297v122.5H265.8z"/></g>'; var draw = SVG('drawing').size('100%', '100%'); var groupContai

这是我想做的一支笔: (下面也是简化代码)

我正在导入原始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);
var rawsvg1='';
var draw=SVG('draw')。大小('100%,'100%');
var groupContainer=draw.nested();
var group1=groupContainer.nested();
组1.svg(rawsvg1);
//更改group1属性
第1组:大小(50,50);
然后嵌套它-因为这是允许拖动它所需要的

你为什么这么想

您不需要创建所有嵌套的
元素。一个组(
)也可以工作

您可以使用转换函数调整“导入”内容的大小

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){ })

谢谢,这正是我想要的。使用nested的原因是试图让“size”函数起作用,在文档中关于组的某个地方,它说它无法调整大小“缩放”正是我应该做的,特别是将导入的代码放在嵌套元素中可以使用viewbox属性。使用viewbox,您可以按正常方式缩放和平移内容。