エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
SVGの注意ポイントと線を引くアニメーション | ツクメモ - ウェブやアプリをツクるヒトのメモ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
SVGの注意ポイントと線を引くアニメーション | ツクメモ - ウェブやアプリをツクるヒトのメモ
どうも、もりさんです。 年が明けてからだいぶ経ってしましました。 今回は、実践で起きたSVGの注意ポイ... どうも、もりさんです。 年が明けてからだいぶ経ってしましました。 今回は、実践で起きたSVGの注意ポイントをまとめてみたいと思います。 addClassで、SVGタグにクラスを付与できない 例えば、ユーザー操作のタイミングで、SVGアニメーションをしたいと考えます。 そこで、CSSのtransitionでアニメーションを設定しておいて、イベントのときにClassを付与することにします。 しかし、<svg>タグに、jQueryのaddClassでClassを付けようとしても上手くいきません。 removeClassやhasClassなども同様です。 attrやsetAttributeを使えば、設定はできます。 $('#svg').attr('class','className'); document.getElementById('svg').setAttribute('class','cl