0

私のPhonegapアプリでは、ユーザーがギャラリーから画像を選択すると、ユーザーは画像をトリミングできるようになり、送信ボタンをクリックした後、トリミングされた画像を.pngまたは.jpeg形式に変換して、この画像をに送信できるようにする必要がありますサーバー。JavaScript、jquery、または HTML5 を使用してこれを行うにはどうすればよいですか。ソリューションを検索しましたが、何も機能していません。私を助けてください。

4

1 に答える 1

2

HTML5キャンバスを使用して画像を切り抜くことができます。

詳細については、このチュートリアルを参照してください。

drawImage()HTML5 Canvasを使用して画像を切り抜くために、メソッドに6つの引数を追加でき ます。sourceX、、、、、および 。sourceY_ sourceWidth_ sourceHeight_ これらの引数は、画像から切り取る長方形の位置とサイズを定義します。destWidthdestHeight

<script>
  context.drawImage(imageObj, sx, sy, sw, sh, dx, dy, dw, dh);
</script>

更新：

サーバーに送信できる形式でトリミングされた画像を取得するには、canvas.toDataURLメソッドを使用できます。（IE9は、ドキュメントが実際にIE9ドキュメントモードで実行されている場合にのみこれをサポートすることに注意してください）。

于 2013-02-13T11:55:41.857 に答える