SVG-繪制空心矩形（矩形甜甜圈）？
[英]svg - draw hollow rectangle(rect donut)?
問題描述
任何人都可以幫助我在不使用任何js lib（例如Raphael）的情況下用svg繪制空心矩形嗎？
從根本上講，它應與“甜甜圈形狀”相同，但應為矩形。
像這樣的東西：
2 個解決方案
解決方案1
6 2012-09-19 09:16:30
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 2624 1462" width="1312" height="736" id="svg2">
<path d="M 80,112 l 528,0 0,528 -528,0 z m -64,-64.000003 656,0 0,656.000023 -656,0 z" fill="gold" stroke="black" fill-rule="evenodd" />
</svg>
路徑在一個方向上向外彎曲，在另一個方向上向內彎曲，奇偶填充規則從中間切開。
解決方案2
3 已采納 2012-09-19 12:51:09
這是一個例子 ：
<svg viewBox="0 0 400 400" shape-rendering="crispEdges">
<path d="M10,10h100v100h-100zM20,20v80h80v-80z" fill="yellow" stroke="black"/>
</svg>
有沒有辦法在SVG文本路徑上圍繞單個字母繪制一個矩形
[英]Is there a way to draw a rectangle around single letters on a SVG textpath
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.