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

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

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

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

Desenvolvi a função para simplificar e reduzir o excesso de SVGs no código HTML do projeto Cadastro Habitacional, da Prefeitura de Praia Grande. O objetivo foi tornar o código mais organizado e ...