html - 如何在 html 或 之外填充？

Question

我可以在 html 之外填充 或 吗？

<div style="background:'image.png'>
  <svg style="background:rgb(100,100,230)">
    <polygon points="x,y x1,y1 ..."
      style="fill:???;fill-rule:???"/>
  </svg>
</div>

<polygon>我绝对可以填进去或 <path> .但是我怎样才能在他们之外填写呢？我知道一种解决方法，它使用包围恒星外部的外部多边形。有没有简单的方法？

Answer 1

我还没有找到填充多边形外部的方法。但是你可以产生同样的效果，虽然有点乱，像这样。

从 Canvas 之外的某个地方开始。创建一条从那里到多边形周边近侧点的路径，沿着你的多边形 - 假设我们顺时针这样做 - 一直回到你加入它的地方，顺时针进行到外面的一个点你的 Canvas ，然后逆时针绕 Canvas 外侧绕一个大矩形，回到你最初开始的地方。