Forked from: tonkotsuboy's SVGのフェッチ View Diff (13)

SVGのフェッチ (await / async)版

tonkotsuboy

License: MIT License

Fork
1
Fav
2
View
1074
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 8 lines
  • HTML 2 lines
  • CSS 5 lines

SVGのアニメーションに便利なインラインSVGですが、HTMLコードが肥大化しがち。 JavaScriptで外部SVGをフェッチしてインラインSVGとして展開することで、HTMLコードの肥大化を防げます。

記事「マイクロインタラクションの観点から考えるSVGの利点 - ICS MEDIA」で詳しく解説しています。

  • SVGのフェッチ (await / async)版
  • SVGのフェッチ (await / async)版

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

tonkotsuboy

Author

鹿野壮(かのたけし) / ICS Inc. / Interactive Developer / 九州大学音響設計学科卒 /

Webサイト制作やモバイルアプリ開発、ブログ執筆を行っているフロントエンドエンジニアです。

ICS MEDIA で技術記事を執筆しています。 https://ics.media/entry/author/kano

Qiita http://qiita.com/tonkotsuboy_com

Twitter https://twitter.com/tonkotsuboy_com

Flickr https://www.flickr.com/photos/tonkotsuboy_com/

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by