MdN

SVGで棒グラフのバーをアニメーションさせる - Webデザイン仕事で ...

SVGで棒グラフのバーをアニメーションさせる ベクターベースのSVGは、多くの解像度へ対応が必要な場面でとても有効な技術と言える。今回はSVGの画像を、JavaScriptを使用して簡単にアニメーションしてみよう。 SVGで描かれた画像はベクター形式のため拡大 ...
マイナビニュース

アドビ、SVGコンテンツを強力にサポートする新JavaScriptライブラリ公開

アドビ システムズは24日、Scalable Vector Graphics(SVG)を扱うWebデザイナーやデベロッパー向けに、新たなオープンソースJavaScriptライブラリ「Snap.svg」を無償公開した。同ライブラリの特設サイト、またはGitHubにてダウンロードできる。 「Snap.svg」は、SVGコンテンツの ...
ASCII.jp

HTML5 SVGで作るシューティングゲーム (2/6)

JavaScriptを使ってSVG図形をアニメーションさせてみましょう。JavaScriptではsetTimeout()かsetInterval()のタイマーを使ってアニメーションできます。 サンプル2と同様に図形を回転させる場合は、以下のようにtransform属性にrotate()を使って角度を逐次指定していきます。