Question

我在http://dl.dropbox.com/u/7393/hmap.svg托管了以下小型svg文件，我试图让它看起来像这样：http://dl.dropbox.com/u/7393/final.png

我得到的文档提到通过更改svg文件上的几个标记可以轻松获得此更改。但是我尝试改变一切，我仍然不能1）放大，2）裁剪，3）使边框变白。

这里有没有人熟悉svg（xml）图像文件格式，指出我在正确的方向？

感谢。

Answer 1

缩放更改视窗框设置。该文件在文件顶部的第一个和唯一的svg标记上使用一个。您使用的视图用于完整图片viewBox="0 -500 2752.766 2537.631"，您将其放入一个height="476.7276" width="634.26801"像素的框中。因此1行单位宽度约为1/5像素。

要放大，请说欧洲将其更改为... viewBox="1000 -500 1000 1000" ...这基本上表示从左侧开始单位1000，从顶部开始-500单位，向右开始以1000单位开始裁剪单位下来。

白线是stroke-width:0.99986893;个单位。要使它们成为整个像素，您需要放大更近。 viewBox="1200 -5 450 450"

您在文档顶部使用样式和内联样式，内联样式会覆盖任何其他样式。

<g class="land fr" id="fr" 
 transform="matrix(1.229834,0,0,1.1888568,-278.10861,-149.0924)" 
 style="fill-opacity:1;stroke:#ffffff;stroke-width:10;
       stroke-miterlimit:3.97446823;stroke-dasharray:none;stroke-opacity:1;
       fill:#00ff00">

大约10的笔划宽度应该适用于以640 x 480（在第一个和唯一的svg标签中设置的宽度和高度）屏幕显示的完整尺寸 - 但要做到这一点，它需要在每个元素上完成

<path d="M 2218.0062,810.62352 C 2217.5173,811.14292 2217.698,811.38357
         2218.5472,811.34547 C 2218.3665,811.10481 2218.1868,810.86417 
         2218.0062,810.62352" 
 id="path2404" 
 style="fill-opacity:1;stroke:#ffffff;stroke-width:0.99986994;
       stroke-miterlimit:3.97446823;stroke-dasharray:none;stroke-opacity:1;
       fill:#6BAED6">

或者需要从元素中删除样式以使用父样式。

<path d="M 2218.0062,810.62352 C 2217.5173,811.14292 2217.698,811.38357 
         2218.5472,811.34547 C 2218.3665,811.10481 2218.1868,810.86417 
         2218.0062,810.62352" id="path2404">

svg图像 - 缩放和边框

1 个答案: