javascript - dataurl を使用した画像マスク

Question

ピクセルデータを変更して作成した画像をマスクとして使用したいと考えています。大きな問題は、dataUrl を画像に変換してマスクに使用できるようにする方法だと思います。ご覧のとおり、dataurl は base64 イメージです。base64 から実際の画像を取得する必要があります。

現在、マスキングにBen Barnett Canvas Utilityを使用しようとしています。dataUrl を使用できる場合は、他の何かを使用してマスクすることにオープンです。

Answer 1

私の理解が正しければ、画像の base64 データがあり、Image オブジェクトが必要です。あなたがする必要があるのは次のとおりです。

var img = new Image();
img.src = dataurl;