書籍中のSVG サンプルをxfy に移植中。

書籍 "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」をダウンロード