如何翻译已旋转的svg容器中的所有文本

Question

是否有一种简短的方法可以将翻译添加到文本的变换attr而不删除旋转？

目前我在创建文本时添加了旋转：

.attr('transform', rotate(270 xValue, yValue);

请注意，这是在for循环中完成的，因为有很多文本

但稍后用户应该能够水平拖动文本。拖动一个文本应该移动所有文本。执行以下操作将从上面删除rotate属性：

svgContainer.selectAll("text").attr("transform", "translate(" + [tx, ty] + ")");

有一个简短的方法，我可以选择所有文本，只是将翻译attr附加到旋转？或者我是否需要遍历所有文本并手动更改每个文本？

Answer 1

我刚刚找到了一个有效的解决方案：

我已将所有文字放在“g”元素中。然后翻译“g”元素。