2012-05-07 13 views
6

IE7とIE8で「Canvas」タグを使用する回避策はありますか? Plsに教えてください。IE7またはIE8でCanvasを使用する方法はありますか?

<input type="text" id="textSign" value="Sign" /> 
<input type="button" onclick="javascript:return changeSign();" value="changeSign" /> 
<canvas id="e" width="150" height="100"></canvas> 
<script type="text/javascript"> 
var textSign = document.getElementById("textSign").value; 
     function changeSign() { 
      textSign = document.getElementById("textSign").value; 
        var canvas = document.getElementById("e"); 
        var context = canvas.getContext("2d"); 
        context.fillStyle = "#4c4c4c"; 
        context.font = "30px Giddyup Std"; 
        context.fillText (textSign , 20, 50); 
       } 
      </script>

答えて

8

はいは、IEの古いバージョンにキャンバスのAPIをシミュレートし(7および8)にプロジェクトがあります。

これはhereであり、JavaScriptファイルを含めるだけで、キャンバスがサポートされたので続行できます。

それはIEの上のJavaScriptコードの別の層であることに注意してください(と、それはJavaScriptを解析することは非常に高速であるために有名ではありません...)

+0

私はそれを試していなかったので私の答えでそれを言及しなかった。それは完全で速いですか(もしそうなら、おそらく私よりも良い答えでしょうか?) –

+0

@dystroyそれはかなり完成しました(少なくとも私が試したものについては、欠けている機能は見つかりませんでしたが)速いわけではありません(後は別のレイヤーなので、ネイティブサポートより速くなることはできません。 JavaScript速度に関するウサギ...) –

+0

@リチャはここを見てください:http://code.google.com/p/explorercanvas/issues/detail?id=69 –

1

はい、あります:https://developers.google.com/chrome/chrome-frame/

しかし、現代の任意のWeb技術と同様に、あなたは研究開発をしながら、広範なテストを行う必要があります。また、あなたの配備場所に応じて、あなたはそれを使用することを禁じられているかもしれません(IE7を依然として課しているシステム管理者は、奇妙な要求を持つかもしれません)。

+0

こんにちは、 これはIEでキャンバスをサポートする唯一の方法です。ユーザーに別の場所に移動してChromeフレームをダウンロードさせることはできません。 – Era

+0

Adrianoのソリューションもテストしてください。使用する方が簡単かもしれません。しかし、現代の技術とIE7を組み合わせるのは難しいです。少なくとも1つのケースでは、移行技術として(企業の)ユーザーにクロームフレームを提案する方が簡単でした。 –

+0

ちょうどいいね!2013年6月現在、GoogleはChromeフレームを退職しました。どこかにインストーラーがあるかもしれませんが、以前のバージョンのようにActiveX経由でインストールすることはできません。 – silver

-1

号 キャンバス要素のみをIE9​​でサポートされています。

+9

OPが回避策を探していました... –

関連する問題