0

現在、プロジェクトで Javascript + jQuery のみを使用しており、jCrop から最終画像を base64 に変換して、HTML キャンバスの助けを借りてサードパーティ サービスに渡そうとしています。これまでのところ、ワンピースを除いてすべてが理解されています. ユーザーが透明な PNG を jCrop にアップロードすると、画像がトリミングされ、キャンバス プレビューで、jCrop 選択を移動または展開すると、画像の透明な部分がぼやけます。

ここで問題の例を見ることができます。jCrop で選択をドラッグすると、画像の透明部分がひどくぼやけてしまうことがわかります: http://i46.tinypic.com/23jl946.png

jCrop でいくつかの不透明度設定を試しました。

bgColor: 'transparent'

キャンバスにglobalAlphaを試しましたが、うまくいかないようです。

var c           = canvas.getContext('2d');
c.globalAlpha   = 0;

何か案は？

4

1 に答える 1

0

実際には、canvasのclearRectを使用するだけで修正されました。

context.clearRect(0, 0, canvas.width, canvas.height);
于 2013-03-14T20:21:56.453 に答える