2010-05-11 70 views
2

我有SVG文件SVG COORDS到VML COORDS

<svg 
    xmlns="http://www.w3.org/2000/svg" 
    xml:space="preserve" width="200px" 
    height="" 
    style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" 
    viewBox="0 0 69.1341 93.4405" 
    xmlns:xlink="http://www.w3.org/1999/xlink"> 
... 
<path class="fil3 str0" d="M49.1257 35.5851c3.029,0.890254 7.2612,0.610968 12.3164,-0.468419 -5.13373,3.85796 -12.1161,4.96333 -19.7673,5.07307"/> 
... 
</svg> 

我試圖將其轉換爲手動VML和我所得到的是

<body> 
... 
<v:group style="position: absolute; 
       left: 0pt; 
       top: 0pt; 
       width: 200px; 
       height: 200px; 
       z-index: -56;" 
       coordsize="100000 100000" 
       coordorigin="0 0" id="Слой_x0020_1"> 

<v:shape path="m 491257,355851 nf v 30290,8903 72612,6110 123164,-4684 -51337,38580 -121161,49633 -197673,50731 e" 
    strokeweight="0.126615" 
    fill="false" 
    style="width: 200px; 
    height: 200px;" 
    coordorigin="-100000 -100000" 
    class="fil3 str0"></v:shape> 
... 
</body> 

問題:我在一個越來越像錯誤的比例

的問題是:如何轉換SVG尺寸/ COORDS到VML尺寸/ COORDS正確

回答

3

Ø ķ其簡單

我們有

<svg 
    xmlns="http://www.w3.org/2000/svg" 
    xml:space="preserve" width="200px" 
    height="" 
    style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" 
    viewBox="0 0 69.1341 93.4405" 
    xmlns:xlink="http://www.w3.org/1999/xlink"> 
... 
<path class="fil3 str0" d="M49.1257 35.5851c3.029,0.890254 7.2612,0.610968 12.3164,-0.468419 -5.13373,3.85796 -12.1161,4.96333 -19.7673,5.07307"/> 
... 
</svg> 

69.1341/200 = 0.3456705

輪(0.3456705 * 10000)= 3456

其每像素3456 「一些單位」

在vml中,它等於「width:1px; height:1px」,coordsize =「3456 3456」

r esult

<body> 
... 
<v:group style="position: absolute; 
       left: 0pt; 
       top: 0pt; 
       width: 1px; 
       height: 1px; 
       z-index: -56;" 
       coordsize="1 1" 
       coordorigin="0 0" id="Слой_x0020_1"> 

<v:shape path="m 491257,355851 nf v 30290,8903 72612,6110 123164,-4684 -51337,38580 -121161,49633 -197673,50731 e" 
    strokeweight="0.126615" 
    fill="false" 
    style="width: 1px; height: 1px;" 
    coordorigin="-100000 -100000" 
    coordsize="3456 3456" 
    class="fil3 str0"></v:shape> 
... 
</body>