html5キャンバスシェイプの塗りつぶし

Question

私はキャンバスに基本的なペイントアプリケーションを持っています。私は描画境界線を作成し、ステンシルを作成したいと思います。言い換えれば、私は形を作りたいと思っています。そして、彼が外に出ようとしているときでさえ、その中だけを描くことができるようにしたいのです。

どうすればいいですか？ ありがとう

Answer 1

これは、クリッピング領域を作成することで実現できます。基本的な考え方は、キャンバス上にすべての図面が制約されているパスがあるということです。

形状を作成し、その代わりにstroke()またはfill()を呼び出す、あなたはかなりのクリッピング領域がどのように動作するかを取得しない場合はclip()

を呼び出して、周りにいくつかのexamplesがあります。