我想使用 html5画布路径绘制一个具有双线边框的形状。默认笔划（context.stroke（））具有单行类型的路径。我可以在原始形状内绘制一个类似的形状，以生成一个看起来像是用两条边框线制作的图形，但我想要一些通用的解决方案。有什么想法吗？
答案 0 :(得分：9)
有几种方法可以做到这一点。一种简单的方法是绘制一条粗线并“切掉”它的中间部分，留下两个较小的笔划。
你想要做的是绘制任何类型的路径 - 在内存中的临时画布上 - 然后绘制厚度较小且globalCompositeOperation设置为的相同路径destination-out在同一张画布上。
这将为您提供您想要的形状，基本上是2行，它们之间具有透明度。
然后你将画布画到真实的画布上，上面有任何东西（复杂的背景等）。
以下是一个例子：