ユーザーができるようにする機能を必要とするWebAppに取り組んでいます
- ギャラリーから画像を選択
- その上にマスクを適用します
- 背景が透明なpng画像に保存します
それを行う方法はありますか?Jquery?HTML5キャンバス?
このサイトのcontext.drawimage()でHTML5キャンバスを使用しようとしましたが、画面に完全に表示されますが、canvas.toDataURL()を呼び出すと、空白の画像が表示されました。誰か助けてもらえますか?提案を歓迎します。前もって感謝します。
セキュリティ上の理由から、ドメインにないイメージからデータを取得することはできません。空白の画像が表示されるのはおそらくこれが原因です。ブラウザのコンソールを確認する必要があります。
詳細が必要な場合は、このトピックを参照してください。 canvas.toDataURL() がセキュリティ例外をスローするのはなぜですか?
とにかく、キャンバスはピクセルをrgba配列に保存するので、背景を透明にすることができます。このように使用します:
var img = document.createElement("img");
img.src = cvs.toDataURL("image/png");
高度なヘルプが必要な場合は、コードを投稿することを忘れないでください。私のアドバイスが十分であることを願っています、頑張ってください!