私は、キャンバス要素を使用して、MySQLクエリから取得した値に従って色付けされ、JavaScript配列に書き込まれたパッチを持つ地図を表示しました。私の2台のコンピュータ、Firefox 4、IE 9、Safariで正常に動作します。しかし、私が学校でデモをしたとき、IE 8(おそらくそれが問題になるだろう)とFirefox 3.6(うまくいくだろう)の両方で、キャンバスは見えませんでした。私はそれも無効にすることができる方法を参照してくださいすることはできません!学校のITスタッフは何をしていますか?代わりにテストして、代わりに通常のイメージマップを描くことはできますか?キャンバス要素が無効になっているようです
答えて
IE8はキャンバスをサポートしていません。 excanvasを使用してエミュレートすることができます。
第2に、ブラウザは、キャンバスの幅と高さを任意の値に設定する義務がありません。 width
とheight
の属性を設定してみてください。
UPD:あなたのページの断片を提供するといいでしょう。これを行う前に、問題を絞り込む方法に関するいくつかのアイデア。
ページのdoctypeが
<!doctype html>
に設定されていることを確認してください。は
canvas
が(<canvas>
と</canvas>
の間に置く、すなわちテキスト)をサポートしていないことについて何もメッセージが(それは、Firefox 3.6で起こるが、それでもべきではありません)が表示されていないことを確認してください。キャンバス要素には
style='border:solid;'
を設定します。ボーダーが予想される位置に描画されているかどうかを確認しますcanvas
をdiv
に入力し、期待される位置に表示されていることを確認してください(例:style='border:solid;'
)。キャンバスおよび/またはラッピング要素の境界線が表示されますが、何の描画がありますされていない場合は
は、その後、コードを引くと、若干の誤差があります。そうでない場合は、要素の配置に問題があります(たとえば、CSSがワイルドになったなど)。
UPD:Firebugを有効にしてサイトを実行しましたが、drawImage
コールで例外が表示されました。
img.src = 'images/snap9.jpg';
ctx.drawImage(img,0,0); // HERE!
ただし、ブラウザセッションで最初に読み込まれたページのみです。
イメージアドレスにsrc
を設定すると、すぐに読み込まれず、それまでは描画できないことが(おそらく)考えられます。したがって、例外がスローされ、残りのコードは実行されません。
イメージ用にonload
ハンドラを設定してください(を参照)。このハンドラでは、残りの図を実行する必要があります。
助けてくれたら教えてください。
- 1. キャンバスのような要素
- 2. 無効になっているチェックボックスが無効になっています
- 3. FacebookキャンバスでFirefoxが横方向に無効になっています
- 4. Doctrine:build無効なスキーマ要素
- 5. jQuery UI buttonsetが無効になっているコンストラクタオプションが無効になっています
- 6. 無効なフォーム要素が送信されていません
- 7. Androidが無効になっているときにBroadcastReceiverを無効にする
- 8. 重なった要素をスクロールして本文のスクロールを無効にする
- 9. キャンバス要素が更新されない
- 10. .gitignoreが有効になっていないようです
- 11. HTMLキャンバスのアンチエイリアスはまだ無効になっていますか?
- 12. XML要素が無効なのはなぜですか?
- 13. Mechanizeのは無効になっていると私は、フォーム要素の一つとして無効イメージを持っているページ上のフォームで動作するようにMechanizeの(v0.2.5)を使用しようとしています何の価値
- 14. 無効になっているIPNメッセージ
- 15. ウェブページの要素を無効にする
- 16. jqueryフォーム要素を無効にする
- 17. 無効になっているオプションのDOM要素を有効にするにはどうすればいいですか?
- 18. はBluemixサーバーエラーを取得:「必要なUAAエンドポイントが無効になっている」
- 19. 無効になっていますか?
- 20. 無効なJSONがWCFによってランダムに返される
- 21. VisualStudio 2010(Ultimate)で「アドインマネージャ」メニューが無効になっている
- 22. フォームヘルパーでRailsが無効になっているオプション
- 23. HTML5/JS/jQuery:入力が無効で、異なる(任意の)要素に無効なマークを付ける
- 24. JS/jQueryでDOM要素のイベントを有効/無効にする
- 25. クッキーが無効になっているとどうなりますか?
- 26. fabric.jsを使用してキャンバス要素のスケーリングポイントを無効にするにはどうすればよいですか?
- 27. 無効なフォーム要素ASP.NET MVC更新
- 28. React:Uncaught Invariant Violation:ReactDOM.render():無効なコンポーネント要素
- 29. Jquery - 無効な要素を取得
- 30. NHibernateマッピング例外:無効な子要素
返信いただきありがとうございます。私はIEに興味がありません - 私のユーザーはFirefoxを使用しており、キャンバスもそこでは動作しません。私は要素を作成するhtmlの幅と高さを設定します(javascriptではありません)。 –
ありがとうございますelder_george。私はキャンバスの中にテキストを置き、それは表示されません。私は大学のITセキュリティからの返信を受け取りました。彼はHTML 5を無効にするために何もしないと言います。サイトは: –
サイトリンクは表示されません。もう一度入れてみてください。 –