javascript - svg - 绘制空心矩形(矩形 donut )？

Question

谁能帮助我在不使用任何 js 库(例如 Raphael)的情况下使用 svg 绘制空心矩形？
基本上，它应该与“ donut 形状”相同，但矩形。
像这样:

Answer 1

Here you go

<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>

路径向外一个方向蜿蜒，另一个向内蜿蜒，偶数填充规则从中间切出。