P5.jsでラウンドボーダーの画像をロードしてクリップする方法はありますか？

Question

イメージのロードとクリッピングは、ファブリックJSとネイティブCanvasメソッドで実行できますが、P5.jsでは実行できますか？

Answer 1

丸みを帯びた境界線を描く唯一の方法は、コーナー半径を指定するパラメータを使用してrect()関数を呼び出すことです。あなたは、あなたが探している効果を達成するためにイメージの上にそれを描くことができるかもしれません。

次にない場合は、createGraphics()関数を使用してバッファを作成してください。そのバッファに画像を描画し、バッファからコーナーを離します。次に、通常の画像をキャンバスに描画するのとまったく同じように、image()関数を使用してキャンバスにバッファを描画することができます。

もちろん、画像エディタを使用して画像にコーナーを追加することもできます。