canvasで生成した画像を円形に切り抜きたい

Question

canvasからtoDataURLを使い、画像を生成するところまでは作れましたが、その画像を円形に切り抜く方法が調べてもわかりません。
切り抜いた画像は、ajaxを利用してphpに送り保存する予定です。
できればクライアント側で切り抜きをしてから送信をしたいです。
よろしくお願いします。

Answer 1

処理的には画像のマスク処理と言うものになると思います。
検索すると以下のようなものが出てきましたがいかがでしょうか。
HTML5のCanvasで画像をパス（丸）でマスクする

Comments

[1persent]

初めて知りました、ありがとうございます。
その方法でできそうなので参考にさせていただきます。