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

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

JavaScriptとCSSは不要！ SVGの気持ちいいアニメーションで作られた超軽量のかわいいローディング -SVG Loaders サイト構築 -制作 Post on:2014年12月10日 sponsorsr ...

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

面白そうなJavaScriptがリリースされました！ SVGやCanvasで実装した平らな要素をブラウザ上に3Dモデルでレンダリングすることができる超軽量JavaScriptライブラリを紹介します。レンダリングされた形状は3D空間に存在するかのようにクリックやドラッグなどで ...

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