note

【JavaScript】SVG動的生成：createElementNSの必須知識

データ可視化やインタラクティブなマップ機能を実装する際、SVG（Scalable Vector Graphics）は強力なツールですが、JavaScriptで動的に生成しようとすると「描画されない」というトラブルに直面しがちです。原因の多くは「名前空間（Namespace）」の指定漏れにあり ...
note

【JavaScript】SVG動的生成とパス操作の実装仕様

Webアプリケーションにおいて、解像度に依存しないグラフやチャートを描画する場合、Canvas APIだけでなくSVG（Scalable Vector Graphics）のDOM操作も有力な選択肢です。 特にJavaScriptを用いて<path>要素のデータを動的に計算・更新することで、軽量かつCSSで ...
CodeZine（コードジン）

米Adobe、SVGを扱うオープンソースのJavaScriptライブラリ「Snap.svg」を公開

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。 講演資料・動画 ...
マイナビニュース

CanvasとSVG、どちらを選べばいいか

iPhone 4のような高DPIデバイスの登場でグラフィックデータをどう扱っていくかがこのところWebデザイナやWebデベロッパの間で話題に上るようになっている。iPhone 3GとiPhone 4、iPad、MacBook Proなど、どのデバイスからアクセスしても問題ないWebページを制作するに ...
マイナビニュース

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

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

galkatzh/Javascript-SVG-editor

A vanilla JavaScript SVG editor built with Snap.svg for drawing and manipulating SVG shapes. Check the browser console (F12) for "SVG Editor initialized successfully!" message Click different tool ...
eWeek

Adobe Open-Sources Snap.svg JavaScript Library on GitHub

eSpeaks’ Corey Noles talks with Rob Israch, President of Tipalti, about what it means to lead with Global-First Finance and how companies can build scalable, compliant operations in an increasingly ...
GitHub

Função utilitária em JavaScript para inserção de ícones SVG inline.

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