リサイズ画像のキャンバス-cssオーバーフローの問題

Question

ようにJavaScript画像サイズ変更機能にとどまらざるを得なかったのIEのみDXImageTransformアドオン.

したいアドレス現代ブラウザとして、私はショットをキャンバスとか好評を得ております。

しかし、直面する問題私のサイズ変更機能は次の通りです：

function Resize(oObj, flMultiplier)
{       
  var canvas = document.getElementById('canvas');
  var canvasContext = canvas.getContext('2d');

  oObj.style.visibility = 'hidden';

  canvasContext.clearRect(0,0,canvas.width,canvas.height); // clear canvas
  canvasContext.fillStyle = 'rgba(0,0,0,0.4)';
  canvasContext.scale(flMultiplier,flMultiplier);
  canvasContext.drawImage(oObj, 0, 0);
}

が私のイメージがより大きいキャンバスの項目、その後について一部の画像です。

また調節のためのキャンバスサイズのランタイム時において、なに影響する表示のリサイズイメージです。

ようになっていを宣言し 大きな canvas要素なのですが、ここではOKを除き、cssのオーバーフローの自分のホームページで調整した私の最大の要素は自分の画像である、痛い。

う思いを解決する方法は私の問題:

1. 整の大きなキャンバスから要素スキームオーバーフロー
2. して更新をキャンバスに要素サイズがサイズ変更(いっかい)

Answer 1

私は自分自身を試していないが、おそらくあなたはdocument.createElementで、ドムのうち、canvas要素を作成することができます。なお、表示を乱すことなく、任意のサイズにすることができます。

さて、私はので、多分、私はポイントをしないのです（なぜあなたは、画像のサイズを変更します。この方法の代わりに、幅と高さを使用して、他の質問の中で、属性）コンテキストに欠けます。