Operaは、canvas そのものは動作するのですが、typeface.js が利用している getComputedStyle というメソッドが正しく動作していません。 typeface.js は、style の定義を読み取る事で対象のエレメントを探すのですが その時に使われるメソッドが getComputedStyle と言うメソッドで、これはそのエレ メントが適用されている style の状態を知る事ができるというものです。しかし、 少なくとも typeface.js(0.15)とOpera11.61の組み合わせでそれは正しい定義を 取り出す事ができていません。(具体的には fontFamily に入っていない) ですから、typeface.js の変更にあたって、Opera でも一応表示できるようにし た方法が、インラインスタイルで font-family を指定する時に限って正しく表示 されるというものです。getComputedStyle がダメなので、その要素の style 内 を直接見るようにしました。 しかし、Opeara を使っていない人からすれば、これは面倒なだけの処理になるので 『Opera ユーザが動作確認できる』という内容でしかありません。 さらに、Opera だけが typeface.js の為の必要なデータを取り出す処理でフリーズ してしまいます。おそらく Object を削除する delete ステートメントを大量に実行 した結果だと予想していますが、そもそも動かないので検証はしていません。
タグ：トラブル
|
|
【Three.js & typefaceの最新記事】
- jQuery + Shadowbox.js + Three.js で『画像を蝶のように飛翔させる』デモ表示
- 別ドメインの画像を『テクスチャ』として使った、Three.js(v65) + WebGL キューブアニメーション
- Three.js( Canvas ) デモコード( 背景画像、前景画像、鳥画像変更可 ) : 200のオブジェクトが舞います。
- Three.js + Shadowbox 飛翔する200人の初音ミク
- 最新のThree.js(2012/04/22-r49)は、IEで動かないバグがあります。それと、CanvasRenderer からLambert で テクスチャの処理が削除されました
- Three.js r48 で JSONLoader が Opera で動作しない原因と対処方法
- Three.js で、Blender から出力したデータ(Three.jsフォーマット)の境界線を消す overdraw の適用のさせかた
- 動的に typeface.js フォントを適用させる
- 日本語の .ttf をそのまま変換した大きな typeface.js の内容から必要な文字だけを抜き取るツールを作りました( 現在は 切り絵字/水面字/モフ字/青柳隷書しも )
- typeface.js を少し変更して、データに値を追加するとドロップシャドウが実装できるようにしました
- 自作デザインフォントによる、typeface.js での表示テスト
