Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Use the <use> Element

2377be1c3f33751ea7c73a7bd8d58996?s=47 T. MOTOOKA
August 20, 2016

Use the <use> Element

WCAN mini 2016 Vol.2 SVG Maniax in NAGOYA
http://wcan.jp/event/mini2016_2/
LT : SVGで use 要素を活用するための話。

2377be1c3f33751ea7c73a7bd8d58996?s=128

T. MOTOOKA

August 20, 2016
Tweet

Transcript

  1. Use the <use> Element 2016.08.20 WCAN mini 2016 Vol.2 SVG

    Maniax in NAGOYA by T. MOTOOKA
  2. About the Speaker T. MOTOOKA ʗ @t_motooka ڌ఺ɿژ౎ɾେࡕ ຊۀɿWebΞϓϦ ӡӦɾ։ൃʢḉ؈ʣ

    SVG͸ςΩετΤσΟλͰඳ͘೿
  3. ͓୊ ͜ΜͳͷΛඳ͖·ͨ͠ʢ஫ɿՖՐͰ͢ʣ

  4. ͓୊ Ғ͍ਓʮ΋͏ͪΐ͍ଠͯ͘͠ʯ

  5. ͓୊ ΍ͬͯΈͨ

  6. ͓୊ Ғ͍ਓʮ΋͏ͪΐ͍௕͍ํ͕͑͑ͳʯ

  7. ͓୊ ΍ͬͯΈͨ

  8. ࢓༷มߋ΋؆୯ɻ ͦ͏ɺ <use> λάͳΒͶɻ

  9. ࣮ԋͷ࣌ؒ

  10. <use> Element ಉ͡෦඼Λ࢖͍·Θ͠Ͱ͖Δ ࢖͍ճ͢ࡍʹมܗʢҐஔมߋɺ֦େॖখɺճస౳ʣՄೳ ݩωλΛม͑ͨΒશ෦มΘΔ ίϐϖ͠ͳ͓͢ඞཁແ͠ ਌ੰɿ<pattern> ෑ͖٧Ίͯ͘ΕΔ

  11. ͓·͚ɿςΩετΤσΟλ Ͱ SVG ϒϥ΢βͰදࣔͰ͖Δ σόοάͷཁྖ͸جຊతʹWebϖʔδͱಉ͡
 ʮཁૉΛݕূʯ จ๏ϛεͬͯͨΒɺͦ͜·Ͱ͕ඳը͞ΕΔ

  12. ࢀߟ৘ใ SVG 1.1 ɿ͍·ྲྀ௨ͯ͠ΔSVGը૾ͷଟ͘͸ίϨʢͷ͸ͣʣ ӳޠʢݪจʣ https://www.w3.org/TR/SVG/ ೔ຊޠ༁ྫ https://triple-underscore.github.io/SVG11/ SVG 2

    ɿࠓޙ͸ͪ͜Β͕ओྲྀʁʢ·ͩ௥͍͔͚͖Εͯͳ͍ʣ ࢓༷ॻυϥϑτ https://svgwg.org/svg2-draft/ ৽ػೳ·ͱΊ https://github.com/w3c/svgwg/wiki/SVG-2-new-features
  13. ׬