SVG Basic

SVGの基本（後半すかすかだけど、これ以上手を加えそうにないからもうアップする）

Transcript

1. SVG Basic
2. ͜ͷεϥΠυʹ… ؚ·Εͳ͍ • ਂ͍಺༰ • ϑΟϧλʔͷ࢖͍ํ • SMILΛ࢖ͬͨΞχϝʔγϣ ϯ ؚ·ΕΔ • ֓ཁ • جૅ
3. Goal SVGͷಛੑΛ೺Ѳ͢Δ͜ͱͰɺ
 ੍࡞ͷࡐྉͱͯ͠ѻ͑ΔΑ͏ʹ͢Δɻ
4. SVG ϕΫλʔܗࣜͷάϥϑΟοΫΛ දݱ͢ΔϚʔΫΞοϓݴޠɻ
5. 2001/09/04
 svg1.0 w3cקࠂ 2003/01/14
 svg1.1 w3cקࠂ 2011/08/16
 svg1.1 second edition
 w3cקࠂ IE9 ͰSVG͕αϙʔτ͞Εͨ͜ͱʹΑΓɺ
 ΄ͱΜͲͷϞμϯϒϥ΢βͰ࢖༻Մೳʹ
6. http:/ /caniuse.com/#search=svg ※εΫϦʔϯγϣοτ͸2016೥5݄9೔ʹࡱӨ
7. http:/ /caniuse.com/#search=svg ※εΫϦʔϯγϣοτ͸2016೥5݄9೔ʹࡱӨ
8. http:/ /caniuse.com/#feat=svg-smil ※εΫϦʔϯγϣοτ͸2016೥5݄9೔ʹࡱӨ
9. http:/ /caniuse.com/#feat=svg-html5 ※εΫϦʔϯγϣοτ͸2016೥5݄9೔ʹࡱӨ
10. ಛ௃
11. ੍໿ ࣸਅͳͲͷෳࡶͳը૾ͷඳըʹ͸ෆ޲͖
 ※ϕΫλʔը૾ܗࣜͷ੍໿ ਤܗͷ3࣍ݩมܗ͸Ͱ͖ͳ͍
12. ར఺ ղ૾౓ඇґଘͷඳը͕Ͱ͖Δ
 ※ϕΫλʔը૾ܗࣜͷར఺ ௿ϨΠϠʔͷϑΟϧλʔ͕͔͋ͭ͑Δ ίʔυͷઃܭ͕Ͱ͖Δ όʔδϣϯ؅ཧ͕༰қʹͰ͖Δ
13. Ͳ͏࢖͏ʁ
 Ͳ͏࢖ΘΕͯΔʁ
14. • ͪΐͬͱͨ͠૷০ • Πϥετ
15. খ த େ ˕ ̋ ˚ ޲͖ෆ޲͖
16. ࢖͍ํ
17. HTML΁ͷૠೖ • objectλάΛ༻͍Δ • imgλά΍CSSΛ༻͍Δ • (X)HTMLʹ௚઀ຒΊࠐΉ
18. ඳը • ϕΫλʔܗࣜͷάϥϑΟοΫΛදݱ͢Δݴޠɻ
19. • ΞΠίϯྨ • ΤϞʔςΟίϯ • ؾ෼?Λ఻͍͑ͨΞΠίϯ
 ex) ͍͍Ͷʂ • ঢ়ଶมԽΛͱ΋ͳ͏ΞΠίϯ
 ex) ϋϯόʔΨʔϝχϡʔ
20. มܗ • ϕΫλʔܗࣜͷάϥϑΟοΫΛදݱ͢Δݴޠɻ
21. Ξχϝʔγϣϯ • http://smashfreakz.com/2016/03/javascript-libraries-svg-animation/
22. ϑΟϧλʔ
23. ؅ཧ
24. ࠷ۙ • ΞΠίϯ • ΞΫηγϏϦςΟ • ϥΠϒϥϦ
25. ࢀߟ • τϨϯυ௥͏ͳΒ • http://ssvvgg.net/ • جૅΛݻΊΔͳΒ • http://ascii.jp/elem/000/000/996/996503/ • http://www.atmarkit.co.jp/ait/articles/1206/01/news143.html • http://www.h2.dion.ne.jp/~defghi/svgMemo/svgMemo_01.htm • https://triple-underscore.github.io/SVG11/