でんprocessing.js 作IE?
-
21-08-2019 - |
質問
私の例 processing.js 作Internet Explorerによ ExplorerCanvas または似ています。
解決
の sparklines例 の processing.js 展示会 ページの利用ExplorerCanvas.いうので、ドロップインソーな符号化が必要です。
他のヒント
できるよ! ただし、落とし穴もいくつかあります。 ページ htxt のリンク先 それ自体は問題ありませんが、次の点に注意してください。
1) script 要素と Canvas 要素の両方に id 属性が必要です。init 関数は、これらの属性 ID を使用して、特定のスクリプトを特定のキャンバスに関連付けます。公式の init 関数よりも簡略化された init 関数の方が理解しやすいと思いました。1 ページに複数のキャンバスがある場合は、公式のものをマスターするとよいでしょう。
2) #23ff9a などのインターネット スタイルの色指定を使用している場合は、注意してください。IE8の要望 すべて大文字の 16 進数の色番号 Processing.js/canvas から。#23FF9A と書いてください!これはドキュメントに示されているとおりなので、まったく驚くべきことではありません。エラーはいつか起こるものなので、それを理解するのは非常に困難です。主に、f が多く含まれる大きな数値 (明るい色の場合) が影響を受けるようです。白、#ffffff は問題ありませんが、#ff00ff は問題ありません。この点、Firefox と Safari では大文字と小文字が区別されません。の ドキュメンテーション アルファ チャネル (CC) では、0xCC006699 のような代替 16 進表記を使用できると述べています。これは私にはうまくいきませんでした。たぶんそれはやるべきことリストに入っているでしょう。
3) 文字列の .equals() メソッドがありません。Processing.js に取り組んでいる Seneca College スタッフの 1 人である Andor Salga は、ご覧のとおり、単純なブール値の stringsEqual(str1, str2) 関数を作成しました。 ここ. 。問題が完全に解決されるまではこれが続きます。
4) ストローク() が excanvas.js で機能しないというのは真実ではありません。します。ただし、Processing.js コードに小さな構文エラーが 1 つでもある場合 (種類を正確に分類することはできませんが、.equals() を使用しようとするとエラーが発生します)、ルーチンはおそらく IE8 では静かに失敗しますが、Safari やFirefox では、長方形の輪郭が失われる可能性があります。ストローク()は動作を停止します。Vista 上の IE と Mac 上の Safari はどちらも、Vista 上の Safari や Firefox よりも強力な構文チェックを示しており、特定のエラーが発生して欠陥のあるグラフィックが表示されます。
5) text() 関数を使用して呼び出されたテキストは、Firefox では (Firefox が選択した変更不可能なフォントで) レンダリングされますが、私の知る限り、IE8 や Safari ではレンダリングされません。の グリフメソッド 提案されています ここ. 。コードは配置されていますが、フォントの取得に問題があるようです。Inkscape は私にはかなり難解に見えます。私の知る限り、必要なものは古いペンプロッター フォントによく似たものです。つまり、ノードの実行間にペンアップとペンダウンのコマンドを含むベクトル パスです。FSF/GNU には、それほど苦労せずに適切な形式に変換できる可能性のあるものがいくつかあることがわかりました。この形式がどこで定義されているのかはわかりませんが、おそらく W3C のどこかで定義されていると思われます。見栄えの良いフォントを実現する可能性を秘めたアプローチは、Cufon の IE/VML 翼です。見る どのように機能するのでしょうか? 本当はこのチェーンの最後のリンクが欲しいのですが、少し助けていただけないでしょうか。
Processing.js は、私たちがサポートするに値するプロジェクトの 1 つです。大きな可能性を秘めています。可能であれば、参加していただくことをお勧めします。
<のhref = "http://www.hyper-metrix.com/processing-js/docs/index.php?page=Using%20exCanvas.js%20with%20Processing.js" のrel = "nofollowをnoreferrer" >このページは一緒に働いてprocessing.js + excanvasを取得する方法について説明します。
これは、基本的にIEが理解できる独自のonloadのinitメソッドを記述が含まれます。