如何在路徑變換後設置路徑寬度？

我有以下形式的SVG文件：如何在路徑變換後設置路徑寬度？

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> 
    <path d="M0.0 0.0 L1.0 0.0 L1.0 1.0 L0.0 1.0 L0.0 0.0 Z" fill="none" transform="translate(276.53762663809374, 97.7838427947598) scale(177.52243125896803, -89.004366812227)" style="stroke: black; stroke-width: 0.5px;"></path> 
</svg>

的圖像顯示一個巨大的黑色邊框時，我希望它有一個0.5px邊框顯示出來。如何在轉換後應用筆畫寬度？如果這是不可能的，包裝元素的最簡單方法是什麼？我想避免修改「d」屬性。

來源

2013-05-22 Mike

你可以使用矢量效果=「不結垢中風」

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> 
    <path vector-effect="non-scaling-stroke" d="M0.0 0.0 L1.0 0.0 L1.0 1.0 L0.0 1.0 L0.0 0.0 Z" fill="none" transform="translate(276.53762663809374, 97.7838427947598) scale(177.52243125896803, -89.004366812227)" style="stroke: black; stroke-width: 0.5px;"></path> 
</svg>

一個需要注意的是，IE9/10不實現這一點，但的Webkit，Opera和Firefox做。

來源

2013-05-22 06:51:54

+1矢量效果...我新的知識，謝謝！ – markE

不幸的是，我需要支持IE9 +。 – Mike

「矢量效果」在SVG Tiny 1.2中定義，它是SVG的後續變體，並非所有渲染器都支持。真的，你唯一的解決方案就是做標記建議的事情，並把你的行寬縮小到你放大的數量。 –

如何在路徑變換後設置路徑寬度？

回答

相關問題