如何使SVG.js路径动画在移动和调整大小时遵循直线？
有2部分动画。首先将文本作为SVG路径放大并移动到矩形的中心。之后它需要缩小到原始大小并移动到矩形的对角。
第一部分根据需要进行动画制作，但第二部分文字移出观看区域后再返回。
categories_data += '<a href=';
categories_data += '"';
categories_data += value.links;
这是一个有效的例子。 https://jsfiddle.net/ujwk8r7z/6/
答案 0 :(得分：1)
添加2个嵌套组，其中外部组正在移动，内部组正在缩放，可以获得所需的效果。
let draw = SVG('reading-area');
let group = draw.group();
let innerGroup=group.group();
original = innerGroup.svg(getSvgText());
group.animate(1000, '-', 0).move(229, 164)
original.animate(1000, '-', 0).scale(3);
group.animate(1000, '-', 0).move(50, 315)
original.animate(1000, '-', 0).scale(1);