際際滷

際際滷Share a Scribd company logo
皆閣赫並兵め
盾h
g廾
鮄
盾h
=> http://ja.wikipedia.org/wiki/Scalable_Vector_Graphics
SVGとは
? Scalable Vector Graphics
? 2肝圷ベクタ`イメ`ジ喘の鮫駮諒修厘擦
? 麿にはPDF / Postscript など
? 2001/9/4 SVG 1.0がW3C畍罎箸覆
? SVG1.1(2nd Edition)が恷仟
? 麿にもモバイル鬚韻SVG Tiny 1.2やSVG Basicがある
蒙
? XMLで鮫颪鰉峰できる
? ハイパ`リンクを托めzめる
? Javascriptで荷恬できるjQueryは?
? アニメ`ションやユ`ザインタラクションも鞭け原ける?
? SCMでのバ`ジョン砿尖も辛嬬┘謄ストとして
? 互鮫|
? ドットで峰するgif吉に曳べて、寄しても|が鯛ちない
? どの鮫颯汽ぅ困しても揖吉の峰楚が駅勣(ベクタ侘塀の之泣)
鬋▲廛螢羽`ション
? ブラウザ
? FireFox1.5+ / Chrome / IE9+ / Opera 9.0+
? Safari 3.0+ (匯何の碧隆g廾?OSによる)
? エディタ
? Adobe Illustrator / Microsoft O?ce Visio / Mathematica
? R冱Zの竃薦侘塀
? デスクトップ
? GNOMElibsvgを聞いアイコンや謁にSVGを峺協辛嬬
g廾
=> Webグラフィックをハックする210蛍でわかるSVG 児A (1/5) - IT
http://www.atmarkit.co.jp/ait/articles/1206/01/news143.html
児云輟
? rect
? circle
? ellipse
? line
? polyline
? polygon
? path
? image
? text
k婢
? transform
? animate
? linearGradient/ radialGradient / pattern
? clipPath / Mask
k婢2
? foreignObject
? onload
托めzみ
? インライン
? XHTML / HTML侘塀HTML5鬉離屮薀Ε兇里滷
? 翌何ファイル
? Objectタグ
? imgタグ / CSS
? 硬いブラウザでは咾ない辛嬬來
? .svgz
? 翌何ファイルをgzipしておくとブラウザ箸能してくれる
鮄
SVG with js
? onloadでやる
? HTMLに托めzまれたjavascript
? imgタグで托めzむとjsでI尖できない
? jQuery聞えない
そこで´
皆閣赫並兵め
d3.js
? Data Driven Documentation
? DataからDOMオブジェクトを伏撹する
? 鏡徭DSLでインタラクティブなオブジェクト
を恬ることが竃栖る
? #11 transitionを聞ってみよう - ドットインスト`ル
? http://dotinstall.com/lessons/basic_d3js/23011
皆閣赫並兵め
さらなる鮄
? Graphviz
? SVG竃薦辛嬬
? SVG鮫颪Di?
? PhantomJS / Wraith
? gifやCanvasとの曳^
? SVG と Canvas: どちらをxぶか
? http://msdn.microsoft.com/ja-jp/library/ie/gg193983
まとめ
? アプリエンジニアならペイントツ`ルをえるよ
り、SVGのXML竃薦について深えるべき
? d3.jsは中易そうだけど、javascriptともjQuery
とも`う鏡徭DSLなのを梨れないように
? 鴛掘ガ`鴛掘ガ`
及匯何?頼

More Related Content

皆閣赫並兵め