2008-07-01から1ヶ月間の記事一覧
Firefox3.1では、HTML5 canvas::TextAPIが追加されました。 Firefox3でもこれらは先行実装されていたわけですが… mozDrawText → fillText mozPathText → strokeText mozMeasureText → measureText mozTextAlongPath → あれ? 一番楽しいことができそうな mozT…
FirebugLite1.2をローカル(offline)で動かそうとしたらエラーがでました。 821行目にゴミ(★)が入ってます。 el.left.xhr.nameContent.child.add(new pi.element("span").update(item[0])); try {★ el.left.xhr.statusContent.child.add(new pi.element("span…
Firefox3でglobalAlphaを1.0以外の値に設定しても、透過処理されません。(Firefox2では試してない)。 その結果、globalAlphaを1以外に指定した状態では、Safari, Operaと描画結果に食い違いが出てしまいます。
IE用のCoverFlowを実装がてらVMLを勉強中です。今日は、excanvas.js(version 0.2)や、その根底にあるVMLの問題とその解決方法を列挙してみます。 [VML] oval stroke="false"が無視され線が描画される strokeサブエレメントを追加し、＜v_:stroke on="false" …
進んでいません。ちゃんとやろうと思ったら、アフィン変換やらいままで避けて通っていた道を進む必要があるのでは〜? と気が付き、実装の手を止め、3D CGのお勉強をしてました。 そもそもJavaScriptですから、行列計算のライブラリも自前でガリガリ書かなき…
IEでも動作するJavaScriptなCoverFlowを先ほどから実装中です。2時間かかってこんなかんじ。まだまだ先は長そうです。 あと、iPhoneが320x480らしいので、iPhone用に300x180で動作するバージョンも用意する予定です。まだiPhoneの現物に触ったことが無いので…
追記: uupaa-excanvas.js をリリースしました。 excanvas.js は IE で canvas 要素のエミュレートを行う Google 謹製の JavaScript ライブラリです。このライブラリは、最初のとっかかりが結構難しいです。実体験を元に、ハマリポイントを列挙してみます。 …
時間ないから3分で。 var elm = document.createElement("<div style='background-color: blue; height: 100px; width: 100px;'></div>"); document.body.appendChild(elm); これで、画面に青い100pxのボックスが登場します。 DOMの仕様にはない用法です(MSDNには載ってる)。 document.createElement("<div style='background-color: blue; height: 100px; width: 100px;'></div>
uupaa.jsでは、Drag&Dropをこのように書くことができます。 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </meta></head></html>
uupaa.js version 0.4 を リリースしました。今回は、 min-width: max-width: min-height: max-height: をサポート opacity: をサポート img要素のpng画像を透過, background-imageのpng画像を透過 メソッドチェーン式のI/Fを提供開始 いくつかのバグFIX で…
IE6 で element.styleを列挙してみると、element.style.minHeight だけがリストアップされることに気がつきました。 しかし、max-height, min-width, max-width などは見当たりません。 試しに、element.style.minHeight に値をセットしてみても期待した動き…
