<XML/SVG 試作品>


UPへ
[SVG Essentials][SVG][SMIL][Blueprints.com][Can I use...]
ご注意:以下、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なしでは「Crome/Firefox/Edge」が少し動く?
SVG Viewerなしではアニメ用SMIL対応ブラウザは未だの感
 → SVGViewer.exe 6.0 preview 1(私保存)
Win11は64bitのみでEdgeしか使えず、SVG Viewerも使えません!
Win10/64bitの下ではEdgeしか使えず、SVG Viewerも使えません!
Win10/32bitの下ではIE11が使えますのでSVG Viewerも使えます!
 → EIE11_JA-JP_MCM_WIN7(私保存IE11)
SVGファイル呼出試作品一覧は → こちら
メニュー内容SVG
IE8/9/10 ①JSGraph,②TAGVML,③TAGXAML,④JSSVG,⑤TAGSVG,⑥CANVAS
交差点直進 軽自動車・自転車・バイクの交差点直進、歩行者の横断animet1.svg
交差点右左折 軽自動車の時差右左折 → 車体色修飾なし版animet2.svg
animet2b.svg
倫理綱領 日本行政書士会連合会 行政書士倫理綱領 前文animeg1.svg
animeg2.svg
扇風機 選択した速度で回転する卓上扇風機(Stopで減速停止)animefun.svg
扇風機3台 3枚翅(奥)と4枚翅(中)と5枚翅(手前)の扇風機連動animef345.svg
スタイル変更 同一内容のXMLに異なるXSLTを適用した結果の事例XMLg.xml
XMLツリー 親族・親等表の血族につきXML作成
車両走行経路 緩和/円弧曲線上を進む前輪をもとに後輪位置を計算svgclt1.svg
svgclt2.svg
車の操舵装置 自動車の操舵装置(アッカーマン ステアリングなし)carhandle2.svg
ボールの落下 ボールの落下/放出(バウンドの加速度的減衰と転がり)ballthrow.svg
マイカー スバル プレオ F 2006年(走行中は方向指示灯点滅)subaru1.svg
Nested SVG スバル プレオ F 2006年 SVG file nested SVGsubaruinc.svg
Update 2024.08.29
※:パス沿いのアニメ動作は、作品を右向きに座標付けて作成が前提
  (上向きパスにおく前に90度左回転は自動)
※:SVG自由画像作成方法(計算値画像は計算結果を座標値にするので下記は不要)
  描画要素の複雑なものは、デジタイザーソフトで読込背景画像を下地にして画像の輪郭点
  座標を拾い、SVGのPATH値として取り込み記述を完成させる → simpleDigitizer
  ブラウザで表示したSVG画像の確認が必要な「細部」をマウス右クリックでズームイン
  させて、各種の調整を行う
WebページへのSVGの追加(Windows)
Browser Version Check→地図検索