ASCII.jp

HTML5のInline SVGをJavaScriptで操作 (4/5)

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

HTML5のInline SVGをJavaScriptで操作 (3/5)

今度はSVG図形を変形させてみましょう。transform属性に以下のような変形用の命令とパラメーターを指定します。 実際のプログラムはサンプル7です。ボタンをクリックすると図形が回転します。 SVGの見た目は「属性」で書く――HTMLとの違い SVGは画像である ...
note

svgのモーフィング [javascript]

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

アドビ、SVGコンテンツを強力にサポートする新JavaScriptライブラリ公開

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

Google、FlashをSVG/JavaScriptに変換するツール「Swiffy」を発表

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

bradparks/vivus___animated_svgs_using_scenes_and_times

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

eon-berbrunner/javascript-code-to-flowchart

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