0

私は物を言わなければなりません。1 つはPNGフォーマットされた画像フレームで、もう 1 つはフォーマットされたJPG画像です。

JPG 形式の画像をPNGフォーマット済みのフレームにドラッグすると(jQuery's drag and drop function)、フォーマット済みの画像がPNG 形式のフレームJPGからはみ出します。PNGフレームから画像がオーバーフローしたくありません。どうすればそれを克服できますか？JPG

私の問題を簡単に理解できる画像をアップロードしています..

ここに画像の説明を入力

4

2 に答える 2

2

HTML5 Canvas が許可されていると仮定します:-

  • スクリプトで新しいキャンバスを作成し、2D コンテキストを取得します。
  • drawImage を JPG 画像のコンテキストに追加します。
  • フレームの 2 番目のキャンバスを作成し、その 2D コンテキストを取得します。
  • PNG をこの 2 番目のキャンバスに drawImage します。
  • 両方のコンテキストで getImageData を呼び出して、2 つのバイト配列を RGBA 順で取得します。
  • 2 番目のキャンバスでアルファをチェックし、必要に応じて RGB を組み合わせて、各ピクセルを処理します。
  • putImageData を呼び出して、結果をコンテキストに保存します。
  • 次に、他のスクリプトで書き込んだキャンバスを drawImage するか、 canvas.toDataURL("image/png") を使用して src url を取得します。
于 2013-07-24T11:27:18.007 に答える