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

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

アドビ システムズは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をサポートしてないブラウザでもコンテンツが見れるように ...

svg-js-animation is a project that offers a JavaScript utility function and provides a new approach to managing animations in JS using SVG. This project was initially published under the MIT license ...

svg-js-animation is a project that offers a JavaScript utility function and provides a new approach to managing animations in JS using SVG. This project was initially published under the MIT license ...

$${{\footnotesize\textbf{・モダンJSを習得！ES2025対応の詳解書が登場}}}$$ $${{\footnotesize\textbf{・初心者から上級者まで、全プログラマが歓喜の内容}}}$$ $${{\footnotesize\textbf{・技術情報収集プラットフォームで海外情報も網羅}}}$$ Axel ...

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 ...