2017-02-03 9 views
-1

私はdrawImageのJavaScript関数を成功させずに苦労しています。クロッピングのためのdrawImageは機能しません

私は単純に、画像の一部を切り抜いて新しい小さな画像を作成しようとしています。選択矩形を使用してコピーする画像の一部を選択していますが、撮影した領域には常にオフセットがあり、サイズエラーもあります。私はこの機能について全面的に読んだが、私が間違っていることは分かりません。これはおそらく、森を隠しツリーは...

ここでテストページへのリンクは事前にdraw tester

多くのおかげです。

+0

から良いアドバイスにhere

おかげで、あなたはあなたが使用してスクリプトを調べるいくつかの適切な方法を提供することができますか?これらの事実のデモページへのリンクを更新しましたか –

+0

ここに2つの問題があります。まず、イメージを500pxにリサイズしましたが、ネイティブイメージのサイズは300pxです。これを考慮する必要があります。また、矩形の選択はイメージに相対的ではありません。長方形を左上に置くと、0,0と言うはずです。しかし、それはもっと30,70のようです。 – Keith

+0

クリスマス申し訳ありません。私は試しましたが、私は外部リソースを追加する方法を見つけませんでした – fled

答えて

0

最後に、drawImageは画像の自然な大きさでしか動作しないという問題が発生しました。何らかの理由でイメージをストレッチする場合は、ストレッチされた次元と自然な次元の比率を計算する必要があります。

また、選択矩形がドキュメントまたは他の親要素ではなくイメージに関連していることを確認する必要があります。

私はキース

関連する問題