SVG圖像 - 變焦和邊界

我有以下的小SVG文件託管在：http://dl.dropbox.com/u/7393/hmap.svg，我想使它看起來像這樣：http://dl.dropbox.com/u/7393/final.png SVG圖像 - 變焦和邊界

在那裏我得到這個從提到，這種變化可以很容易地將文檔通過更改svg文件上的一對標籤獲得。然而，我試圖改變一切，我仍然不能1）縮放，2）裁剪，3）使邊框變白。

這裏有沒有人熟悉svg（xml）圖像文件格式來指向正確的方向嗎？

謝謝。

2010-10-22 relima

我對你想要做什麼感到有點困惑。你是否試圖讓這兩個圖像看起來一樣，或者爲SVG文件添加交互性以支持縮放和裁剪？如果前者，那麼你在FF3.6中鏈接到的兩個圖像已經看起來一樣了，所以目前還不清楚在那裏需要做什麼工作。 – jbeard4 2010-10-23 12:36:27

它是前者。我對這一發現感到驚訝。我一直在使用鉻，他們看起來不同。感謝您指出，這讓我瘋狂。 – relima 2010-10-23 18:11:37

要縮放更改視框設置。該文件在文件頂部的第一個和唯一的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單位向右和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×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">

來源

2010-10-25 05:37:06 Wayne

SVG圖像 - 變焦和邊界

回答

相關問題