drawImageの罠

HTML5で画像表示をしようとして失敗したので記しておく。


画像イメージを普通に表示させるような、

context.drawImage(img, dx, dy);

の場合は問題ないのだが、

クリッピングして表示するケースでは、元画像サイズが小さいと反応してくれない。

context.drawImage(img, dx, dy,dw,dh,sx,sy,sw,sh);

のケース。
元画像のdx,dy,dw,dhが、元画像内に収まる値に変更してあげる必要がある。

ちなみに、元画像サイズの取得はこちら↓
 JavaScript で画像本来のサイズ(幅, 高さ)を取得する