1

キャンバスに物が入っていて、その中心に楕円を彫りたいとしましょう。その楕円はすべてのピクセルのアルファが 0 で、キャンバスの背後にあるすべてのものを通過させます。楕円で塗りつぶされたものは別のものであり、パフォーマンス上の理由から、putImageData を使用したくないと言いましたが、どうすればよいでしょうか? 方法がない場合、putImageData を使用して楕円を彫るにはどうすればよいでしょうか?

明確にするために：キャンバスにhtml要素を描画したくないので、単に背後のhtmlに配置したい

4

1 に答える 1

2

context.globalCompositeOperation = 'destination-out'フレームを描画した後に 使用して、クリップされた形状を塗りつぶすことができます。

例: http://jsfiddle.net/rlemon/6nEpc/

于 2014-04-22T01:16:31.983 に答える