Question

我试图输出实际尺寸的SVG，所以我用cm作为单位

旋转变换适用于像素，但当我切换到cm时，它不会按预期旋转元素

<image preserveAspectRatio="none" x="1cm" y="1cm" width="3cm" height="3cm" 
        xlink:href="http://api.prestalife.net/media/superman.png" 
        transform="rotate(45, 2.5, 2.5)"
        />

jsFiddle ：代码包含px和cm之间的比较

Answer 1

不同的变换函数使用绝对CSS单位作为参考，因此您必须将cm值转换为这些单位;对于gem "activerecord-postgis-adapter"分辨率，它可能是这样的：

1pt - ＆gt; 1.25px
1pc - ＆gt; 15px的
1mm - ＆gt; 3.543307px
1cm - ＆gt; 35.43307px
1in - ＆gt; 90像素

然而，它可能不适合任何类型的分辨率！您应该使用 viewBox ，它允许您定义自己的＆＃34;自己的＆＃34; svg元素中的单位。因此，你的问题可以这样解决：

90dpi

SVG以厘米为单位旋转

1 个答案: