动态缩小图像

Question

在我的SVG图片中，有一些文本标签动态显示在图像的顶部。在某些情况下（例如，较小的屏幕尺寸，较大的字体），它们会在vievBox外部部分消失（例如，如果设置了overflow: hidden;），请参见图片（中间的长字是溢出的标签）。

我的想法是按比例缩小图像，以便可见标签。如何实现呢？

Answer 1

就我而言，我的底边距很宽，因此我有能力向下移动整个图像以露出顶部。

最终解决方案是用<g transform="translate(0,10)">包装整个图像。

第一个值表示左右移动，另一个值表示上下移动（正值表示图像向下移动，负值表示向上移动）。