4

JavaScript を使用して、キャンバスにいくつかのポリゴン イメージを描画しました。

ユーザーイベント/クリックに基づいて、長方形ではなく不規則な形状であるキャンバスのセクション(これらのポリゴン画像の1つ)をクリアできるようにしたいと思います。

したがって、私の目的には clearRect() を使用できません。

誰かが私がそれを行う方法を考えることができますか?

基本的に、キャンバスの一部を透明にしたいのですが、長方形ではありません... fill() と stroke() を定義できる領域を定義したら、clear() もできませんか?それは... 私はそのような機能が利用できないことを知っています。不規則な形状のセクションをクリアするために人々は何をしていますか?

私はこれに少し慣れていないので、これがばかげた質問のように聞こえる場合は、事前に謝罪してください。

4

1 に答える 1

7

ctx.clip()現在のストロークをクリッピング領域として定義するために使用します。

https://developer.mozilla.org/en/Canvas_tutorial/Compositingを参照してください

また、 http：//jsfiddle.net/alnitak/6ABp7/でデモを作成しました

クリッピングパスはグラフィックス状態の一部であるため.save()、前の状態、クリッピングの設定、さらにいくつかのものの描画、そして.restore()元の状態を行うことができます。

于 2012-05-16T21:57:13.950 に答える