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

最後にSVGでテキストを処理してみましょう。SVGでテキストを描くには<text>タグを使います。表示するX座標はx属性で、Y座標はy属性で指定します。このX,Y座標は文字のベースラインの座標になります。以下のように指定すると座標(5, 10)にAの文字が表示され ...

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

はじめてのjavascriptのお勉強として。 使用したライブラリは SVG Morpheus setInterval関数が第一引数の関数を呼んでくれず、動かなくてハマった。 ・svg ：画面の解像度が無限になっても綺麗に表示されるすごい画像。 ・モーフィング ：なめらかに画像が ...

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...

Download SVG Morpheus from GitHub. Use Bower to download the library. Just run bower install svg-morpheus in the directory you want to download the files to. Simply add the svg-morpheus.js script to ...

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