目指すのはぶっちぎりの速さ! なぜ HTML5 版CacooはSVGを採用するのか | 株式会社ヌーラボ(Nulab inc.)
こんにちは！ Cacoo チームの中原です。現在CacooチームはFlashで作られている図の編集画面(以下エディタと表現します)を* HTML5 で置き換える開発を進めています。このブログでは、 HTML5 版 Cacoo で図形の描画に使用される、SVGを選択した理由と経緯について説明したいと思います。 （*置き換える理由については「Good-Bye Flash ~ CacooはHTML5で生まれ変わります」をご覧ください） どの技術を使って図形を描く?重視したのは「パフォーマンス」 図形の描画にどんな技術を使うか。いくつか候補を上げました。 2D Canvas 3D Canvas (WebGL) SVG (これ以外に、Unityという意見もありましたが今回はWeb標準技術を使うことを前提にしました。) さて、どれを使おう。私たちがどの技術を選択するのか、基準を決める必要があります。そ
SVGを使いこなすための便利ツールいろいろ
2015年1月28日 SVG, 便利ツール SVG（Scalable Vector Graphics）はIllustratorで作成したようなベクター画像を表示する技術。高解像度ディスプレイでもくっきりはっきり表示できるので、近年海外サイトを中心に見かける機会が増えてきました。SVGについてはWebクリエイターボックスでも何度か取り上げてきたので、耳にしたことのある方も多いかと思います。今回はそんなSVGを使いこなすための便利なオンラインツールやJavaScriptなどを紹介します。SVGってなんぞや？という方は、過去記事「アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう」をご覧ください！ ↑私が10年以上利用している会計ソフト！ ラスター画像をSVGに変換 Vector Magic Vector MagicはJPEG、GIF、PNG形式の画像をベクター画像に変換し、EPS
クロスブラウザで動作するベクターグラフィックスライブラリ「dojo.gfx」:phpspot開発日誌
dojo: Clock demo This widget is a demonstration of the new dojo.gfx library. クロスブラウザで動作するベクターグラフィックスライブラリ「dojo.gfx」。 dojoにdojo.gfxというグラフィックスライブラリが追加されたみたいなのですが、そのライブラリを使ってどんなことが出来るのかを示したデモを以下に紹介。 ベクターグラフィックスを使った時計(ちゃんと動きます) ドラッグ可能なカラフルサークル(円の曲線が滑らかですね) 試していませんが、このライブラリを使うことで色々楽しいことが出来そう。 ベクターなので拡大しても綺麗に表示されるものが作れますね。 関連エントリ グラフ描画機能が追加されたJavaScriptライブラリ「Dojo 0.4」
Inkscape 自由に描く。
Users A powerful, free design tool Whether you are an illustrator, designer, web designer or just someone who needs to create some vector imagery, Inkscape is for you! Flexible drawing tools Broad file format compatibility Powerful text tool Bezier and spiro curves Want to find out more about how Inkscape can help you? Look at the full set of features or try it! Contributors Join our thriving comm
フリーハンドでベジェ曲線を描く
点列をベジェ曲線に変換する BezierGenerator.js のサンプルです。 このサンプルは Firefox, Opera くらいでしか動きませんが、BezierGenerator.js 自体に環境依存性はありません（たぶん）。
Scalable Vector Graphics (SVG) 1.1 Specification
SVG 1.1 勧告 日本語版について： この文書は、W3Cが作成し、W3C勧告として公開された "Scalable Vector Graphics 1.1" を日本語に翻訳したものです。 この文書の原文はW3CのSVGサイトにある SVG 1.1 仕様書の 2003年 1月 14日 勧告（ http://www.w3.org/TR/2003/REC-SVG11-20030114/ ）であり、著作権は W3C にあります。 SVG 1.1 仕様書の正式な文書は英語版であり、この日本語版は正式なものではありません。 この翻訳には翻訳上の誤りがあるかもしれませんし、正確性は保証されません。 ただし、この翻訳の二次著作権は翻訳者「広瀬行夫」 （連絡先） が有します。この翻訳のこのページ自身は別サイトなどに存在する複製の可能性がありますが、この翻訳のオリジナルの URL は、冒頭に記した翻
Firefox 1.5 リリース！SVGネイティブサポートの衝撃！！ - モジログ
CNET Japan - 「Firefox 1.5」の正式版がついに登場--セキュリティ機能などが向上 http://japan.cnet.com/news/media/story/0,2000047715,20091847,00.htm ITmedia - Firefox 1.5、正式リリース。日本語版も http://www.itmedia.co.jp/news/articles/0511/30/news017.html Firefox 1.5 リリース！ついに、SVGネイティブサポート！！ Mozilla Corporation http://www.mozilla.com/ Firefox http://www.mozilla.com/firefox/ さっそくFirefox 1.5をダウンロード・インストールして、SVGを見てみよう！ SVGサンプル集 http://www.cr
Mozilla SVG Samples
This is a slightly modified version of a sample that shipped with Jasc WebDraw. File(s): butterfly.svg [Open | View as text] A structural diagram 'stolen' with permission from Henry S. Rzepa's and Peter Murray-Rust's Chemical Examples of SVG and CML (Chemical Markup Language) Now works in ASV as well. File(s): chem1.svg [Open | View as text]
ブラウザで絵を描こう-SVG
＜＜ |ホーム |リンク集 |ヘルプ |＞＞ ブラウザで絵を描こう-SVG+JavaScript はじめに 画像のSVGは、FLASHやJAVAやPNGやJPEGと違って、自分自身を編集することができます。AJAXというものもありますが、このページでは、実験的に、SVGという言語を使って、SVGを描くことのできるDrawツールをつくりました。 とりあえず、Drawツールの名前を「JET」と名付けておきます。 更新した機能 自由曲線を描いたり、編集できます。 ここで言う自由曲線とは、3次ベジェ曲線のことです。 JETでできること 図形の作成と編集（拡大縮小、反転など） 色の編集 SVGの出力、編集 透明度の調整 四角、角丸四角、円、だ円、折れ線、多角形、自由曲線を描くことができる 六角形（Adobe SVG Viewerでは、SVGを表示、つまりView SVGにして、キーボードの上や下ボタ
SVG学習辞典
SVG(スケーラブルベクターグラフィックス)言語を学習しやすい辞典。ブラウザ対応別に並べてある。 お知らせ 2007/02/20 辞典の優先度の基準をブラウザ（とプラグイン）の対応別に変えた。 過去の履歴はこちら 目次 1，この辞典を読む前に 「要素」と「属性」という言葉については、SVGの基礎知識をご覧下さい。 「SVG学習辞典」は、SVG言語を学習するために作られた辞典。ブラウザ対応別に分けて、要素を解説する。上から順に読むと、学びやすいだろう。 辞典をひとまとめにダウンロードしたい>>ZIP形式の圧縮版（svg20050121.zip) この辞典はW3Cの勧告仕様「SVG1.1」と「SVG1.0」に従う。SVG1.1の邦訳板（http://www.hcn.zaq.ne.jp/___/REC-SVG11-20030114/index.html）を主に参考にしている。 2，索引 初心者は
SVGの遊び部屋
XML, SVG, DOM のサンプルＤＯＭとＳＶＧのサンプル表示として、 ＤＯＭオブジェクトを利用して、ＸＭＬからＨＴＭＬを生成させる。・・・(XML to HTML) ＳＶＧの filter を利用して、ＳＶＧを作成する。・・・(SVG to SVG) 既存のＳＶＧをコピーして、ＳＶＧのノードに追加させる。・・・(SVG to SVG) ＳＶＧの EventListener を利用する。・・・(SVG to SVG) ＳＶＧ Ａnimationを利用する。・・・(Ａnimation) XSLT ツールを利用する。・・・(XSL to SVG) ＳＶＧのメニュータブを利用する。・・・(XML to HTML) ＳＶＧのfilterのパラメータをscrollbarで変更させる。・・・(Ａnimation) feGaussianBlur, feOffset, feSpecularLight
SVG Developers Center
日本語のSVG情報サイトとして始めました。まだまだ情報が少ないSVG。 このtakesato.com"SVG Developers Center"では、参考になるサイトやクリップ、情報などをお知らせします。掲載したい情報などありましたら、ぜひ管理人までメールでご連絡ください。お待ちしてます！リクエストなどありましたらSVG-MLにポストしてください。 SVG-ML ●参加はこちらから＞＞ SMIL Developers Center ●日本語のSMIL情報サイトはこちら＞＞ encoding mailing list 特定のフォーマットに限定しない、ビデオ＆オーディオのエンコーディングついて情報交換できるメーリングリストです。 ●参加はこちらから＞＞
KIYUT - Sketsa SVG Editor
News September 10, 2008 Sketsa 5.3.2 released. September 03, 2008 Sketsa 5.3.1 released. July 11, 2008 Sketsa 5.3 released. June 24, 2008 Sketsa 5.2.1 released. May 27, 2008 Sketsa 5.2 released. March 12, 2008 Sketsa 5.1.2 released. March 04, 2008 Extra Toolbox Tools 1.2 released. February 04, 2008 Sketsa 5.1.1 released. Overview Sketsa SVG Editor is a cross platform vector drawing
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
トップページ
トップページ
Willustrator: Draw on the Web
高血圧末期予防のアダラートと治療のビタミン摂取効果 - アダラートの歴史
http://www.openspc2.org/~svg/