將邊框添加到SVG圖像

是否可以將SVG圖像包裹在邊框內（即 - 在CSS圖像周圍放置CSS的邊框）。將邊框添加到SVG圖像

2013-02-07 Sergiu

還沒看真正使用SVG，但我認爲你可以使用CSS規則。您是否嘗試過簡單地添加它？μ –

-2

是的，只需使用CSS添加邊框就像使用任何元素一樣。

使用內嵌樣式：

<img src="test.svg" style="border: 1px solid black;" />

使用類：

HTML

<img class="framed" src="test.svg" />

CSS

.framed { 
    border: 1px solid black; 
}

來源

2013-02-07 12:36:05 Jonatan

這不起作用... _SVG image_不能使用CSS'border'屬性。請參閱此處（http://stackoverflow.com/questions/13217669/svg-image-with-a-border-stroke）和[這裏]（http://stackoverflow.com/questions/7430580/svgimage-圓角）和[這裏]（http://stackoverflow.com/questions/8403355/styling-an-svg-element-with-css3） – aug

這工作完美罰款在html頁面的上下文中。我只是自己驗證了它。 – Jonatan

那麼，它適用於Chrome，但不適用於Firefox。我認爲Firefox的方法更爲正確。 –

在fill =「none」的圖像四周畫一個<rect>。您可以使用<rect>的筆畫作爲邊框。

來源

2013-02-07 12:35:16

當涉及到svg：image時，這是正確的答案。 – koullislp

將邊框添加到SVG圖像

回答

使用內嵌樣式：

使用類：

HTML

CSS

相關問題