Question

我有多个多边形形状，要求是在这个绘制的多边形内填充图像。我对此进行了大量搜索，但只有矩形，曲线，圆圈在示例中显示。但在我看来，所有图像都有自定义的多边形形状。下面给出一个例子：`

     ctx.beginPath();
      ctx.lineTo(8, 109);
      ctx.lineTo(5, 109);
      ctx.lineTo(14, 112);
      ctx.lineTo(31, 119);
      ctx.lineTo(42, 129);
      ctx.lineTo(89, 150);
      ctx.lineTo(131, 140);
      ctx.lineTo(222, 199);
      ctx.lineTo(225, 238);
      ctx.lineTo(268, 270);
      ctx.lineTo(283, 253);
      ctx.lineTo(320, 275);
      ctx.lineTo(322, 298);
      ctx.lineTo(342, 332);
      ctx.lineTo(343, 354);
      ctx.lineTo(320, 392);
      ctx.lineTo(0, 393);
      ctx.lineTo(8, 109);
      ctx.stroke();
      ctx.closePath();
      ctx.lineWidth = 5;
      ctx.fillStyle = 'blue';
      // ctx.fill();
// ctx.drawImage(img);
// ctx.drawImage(img, 170,80,80,320,320,170);

填充颜色完美，但我需要用图像填充它。有可能吗？

Answer 1

ctx.createPattern（）;将在闭合路径中设置图像

是否可以在画布内的选定区域内填充图像？

1 个答案: