Question

所以我有一个在画布上绘制的圆圈，它会根据设置改变大小。但是，如果设置设置得太高，则圆圈大于其保留区域，并与画布中的其他内容重叠。

我正在绘制它之后擦除盒子周围的区域，但这会造成困难。我基本上必须在它周围绘制两次，因为我需要最后绘制圆圈。这使得在所述周围区域中实施点击操作变得更加困难，因为点击被注册了两次。

TL; RD：在我在画布上绘制之前，我怎么能屏蔽掉圈子的一部分？

Answer 1

为此你可以使用clip（）函数。

       context.rect(50,50,200,200);//the area in which the circle is to be drawn
       context.save();//saved context so it can be restored later
       context.clip();
       //now draw your circle
       context.restore(); //remove the clip

仅绘制给定矩形内的区域。

这是关于这个主题的good tutorial。

如何在某个区域内绘制一个圆圈？

1 个答案: