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

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

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

Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as ...

HTML5で手軽に扱えるようになったSVG（Scalable Vector Graphics）。前回は、HTML5文書内に埋め込まれたインラインSVGをJavaScriptで制御する方法を紹介しました。今回はJavaScriptとSVGを使ってシューティングゲームを作成します。 ゲームの作成に入る前に、SVG図形を ...

JavaScript Code to Flowchart Scraper converts raw JavaScript code into clean, visual flowcharts rendered as SVG files. It helps you quickly understand complex logic paths, refactor legacy code, and ...