次に、図形を拡大縮小させてみましょう。図形の拡大縮小にはscale()を使います。scale()は引数が1つの場合は縦横とも指定された倍率で表示されます。たとえば以下のようにすると縦横2倍のサイズで表示されます。 ここまでのサンプルは四角形や多角形と ...

JavaScriptでSVGデータを制御するには、制御したい要素を特定した後、setAttribute()メソッドを使って特定の属性に値を設定します。属性値が設定されると自動的にSVGデータは再描画されます *1 。 実際の処理を見てみましょう。まず、制御したいSVG要素にID名を ...

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

Googleは6月28日(米国時間)、FlashファイルをHTML5のデータへ変換するプロダクト「Swiffy」を発表した。SwiffyはFlashファイルであるSWFファイルをSVG、JSON、CSS3、JavaScript、HTML5などのデータへ変換し、Flashをサポートしてないブラウザでもコンテンツが見れるように ...

So, I have an SVG graphic embedded in an html page.<BR><BR>within the svg are some mouseover events that do some re-drawing stuff.<BR><BR>Now I want the containing page to also make some updates as a ...