html - KineticJS を使用した画像のクリッピング マスク効果

Question

HTML5 の画像にクリッピング マスク効果が必要です。私が使用する場合は、私のものを見つけてください

http://www.html5canvastutorials.com/libraries/kinetic-v3.8.3.js

それ以外の

http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v4.4.1.min.js

ステージ オブジェクト as- var stage = new Kinetic.Stage("container", 800, 800); を作成すると問題なく動作します。

v4.4.1.min.js でこの機能を実装するには?

ありがとう。

Answer 1

setClipFunc メソッドでクリッピング マスクを設定できます。

http://kineticjs.com/docs/Kinetic.Container.html (クリップを参照)

これは、ステージ、レイヤー、またはグループを含む任意のコンテナーに使用できます。クリッピング マスクの内側はすべて表示され、クリッピング マスクの外側はすべて非表示になります。