タグ

jsとSVGに関するhatekatsのブックマーク (1)

  • 【備忘録】SVGのpathをJavaScriptでぬるぬる動かしたかった | ユガラボ

    こちらは、最近流行りのSVG!gif画像ではありません。 クリックして色を変えるなどの処理がリアルタイムで行えます。 IEやsafariなど一部のブラウザではうまく動作しないかもしれません。ゴメンナサイ。 これをjavascriptで制御しようとしたところ、いろいろ大変だった話。 ※この記事は、SVGが動作する環境の方へ向けて書いています。動かない方はゴメンナサイ。 SVGは、ドットの集まりではなく、パス(点と線)の集まりである為、解像度は無限大です! また、パスの値は数値で書かれていて、ページが表示されてからでも、パスの値を調節すれば、見た目をぐにぐに変えちゃったりもできます! ただし、現時点ではブラウザによって対応していない環境があったり、大きさの指定がややこしかったりと、いろいろ課題もございます。 今回は、どうしてもSVGをぬるぬる動かしたい!という案件がございまして、工数はかかりま

    【備忘録】SVGのpathをJavaScriptでぬるぬる動かしたかった | ユガラボ
  • 1