我正在使用 SVG 在 HTML 页面中绘制不同的形状。这些不同的形状是从 Microsoft Sql Server 中的空间数据库的几何对象中检索的。我面临的问题是坐标系统(Svg 和 Microsoft Sql Server)不同。 0,0 在 Svg 中从左上角开始,而在 Microsoft Sql Server 中它从左下角开始。我只需要反转 Y 坐标。我还使用 viewBox 正确显示数据(针对不同的转换)。有没有什么方法可以解决我的问题,而无需触及对象的坐标并仅使用视图框的属性?我动态创建对象并且更喜欢“viewBox”解决方案。
提前致谢!
我不认为你可以使用viewBox。 SVG 规范规定,如果要定义新的坐标系,则必须使用变换。您想要的是反映穿过图像中心的水平线的所有内容。为此,将所有元素包装在一个组中,如下所示:
<svg>
<g transform="matrix(1 0 0 -1 0 height)">
all the other elements...
</g>
</svg>
Where height
是 SVG 的高度。一个潜在的问题是文本将被颠倒呈现。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)