Home ←Back Top Next→

<XML/SVG 試作品>


ご注意:以下、Adobe SVG Viewer 6.0 Install環境で動作
IE9-11:アニメ用SMILは上記SVG ViewerのInstallが必要!
Win8以上では互換表示でのみSVG Viewerでアニメ用SMIL可
Win7の下でIE9:全部OK(互換不可),他OS/他ブラウザは一部
Adobe SVG Viewer 6.0はWin98-XPとあるがWin7以上でもOK
SVG Viewerなしでは「Chrome」が一番動くものが多い??
SVG Viewerなしではアニメ用SMIL対応ブラウザは未だの感
 → SVGViewer.exe 6.0 preview 1(私保存)
 → ビューア(日本語版) SVGView.exe 3.03
 → Adobe SVG Viewer download(Ver 3.03)
単独表示用SVGファイル付試作品一覧は → こちら
メニュー内容
IE8/9/10 ①JSGraph,②TAGVML,③TAGXAML,④JSSVG,⑤TAGSVG,⑥CANVAS
交差点直進 軽自動車・自転車・バイクの交差点直進、歩行者の横断
交差点右左折 軽自動車の時差右左折 → 車体色修飾なし版
倫理綱領 日本行政書士会連合会 行政書士倫理綱領 前文
扇風機 選択した速度で回転する卓上扇風機(Stopで減速停止)
扇風機3台 3枚翅(奥)と4枚翅(中)と5枚翅(手前)の扇風機連動
スタイル変更 同一内容のXMLに異なるXSLTを適用した結果の事例
XMLツリー 親族・親等表の血族につきXML作成
車両走行経路 緩和/円弧曲線上を進む前輪をもとに後輪位置を計算
車の操舵装置 自動車の操舵装置(アッカーマン ステアリングなし)
ボールの落下 ボールの落下/放出(バウンドの加速度的減衰と転がり)
マイカー スバル プレオ F 2006年(走行中は方向指示灯点滅)
Nested SVG スバル プレオ F 2006年 SVG file nested SVG
Update 2015.01.30
※:パス沿いのアニメ動作は、作品を右向きに座標付けて作成が前提
  (上向きパスにおく前に90度左回転は自動)
※:SVG自由画像作成方法(計算値画像は計算結果を座標値にするので下記は不要)
  描画要素の複雑なものは、デジタイザーソフトで読込背景画像を下地にして画像の輪郭点
  座標を拾い、SVGのPATH値として取り込み記述を完成させる → simpleDigitizer
  ブラウザで表示したSVG画像の確認が必要な「細部」をマウス右クリックでズームイン
  させて、各種の調整を行う
WebページへのSVGの追加(Windows)
Browser Version Check→地図検索