0

ユーザーができるようにする機能を必要とするWebAppに取り組んでいます

  1. ギャラリーから画像を選択
  2. その上にマスクを適用します
  3. 背景が透明なpng画像に保存します

それを行う方法はありますか?Jquery?HTML5キャンバス?

このサイトのcontext.drawimage()でHTML5キャンバスを使用しようとしましたが、画面に完全に表示されますが、canvas.toDataURL()を呼び出すと、空白の画像が表示されました。誰か助けてもらえますか?提案を歓迎します。前もって感謝します。

4

1 に答える 1

0

セキュリティ上の理由から、ドメインにないイメージからデータを取得することはできません。空白の画像が表示されるのはおそらくこれが原因です。ブラウザのコンソールを確認する必要があります。

詳細が必要な場合は、このトピックを参照してください。 canvas.toDataURL() がセキュリティ例外をスローするのはなぜですか?

とにかく、キャンバスはピクセルをrgba配列に保存するので、背景を透明にすることができます。このように使用します:

    var img = document.createElement("img");
    img.src = cvs.toDataURL("image/png");

高度なヘルプが必要な場合は、コードを投稿することを忘れないでください。私のアドバイスが十分であることを願っています、頑張ってください!

于 2012-04-19T08:31:12.517 に答える