書籍 "Svg Essentials" 中のサンプルコード http://examples.oreilly.com/svgess/
に
svg_ess_examples/ch11/example_1119a.html
がある。
これを safari で開いたスクリーンショットを示す。
本当は S/M/L ボタンでシャツのサイズが変わったり、カラーバー操作でのシャツの
色がかわったりするはず。でもなぜか動作しない。
firefox で開くと、
XML パースエラー: 接頭辞の名前空間が定義されていません。
URL: file:///Users/kato/work/src/svg/svg_ess_examples/ch11/shirt_interact.svg
行番号: 154, 列番号: 1:<use xlink:href="#shirt" x="150" y="150"/>
^
のエラーになってしまう。
そこで、xfy/xvcdで真似をして作ってみている。現状はここまで。
S/M/L ボタンクリックでのシャツのサイズ変更、R/G/B 数値編集でのシャツの色変更は
できている。あとは、カラーバーを作る事が残っている。
サンプルでは、javascript で各種動作を記述しているが、xfy/xvcd では javascript の代わりに xvcd で記述をする必要がある。
(完全でなくてよいから変換ツールがあるとよいなぁ。すでに誰かが作っている?)
現状の xfy/xvcd コードはこれ。
「store.xml」をダウンロード
「store.xvcd」をダウンロード
最近のコメント