[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

SVGに関するsmotokezuruのブックマーク (18)

  • 目指すのはぶっちぎりの速さ! なぜ 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標準技術を使うことを前提にしました。) さて、どれを使おう。私たちがどの技術を選択するのか、基準を決める必要があります。そ

    目指すのはぶっちぎりの速さ! なぜ HTML5 版CacooはSVGを採用するのか | 株式会社ヌーラボ(Nulab inc.)
  • SVGを使いこなすための便利ツールいろいろ

    SVGを使いこなすための便利ツールいろいろSVGScalable Vector Graphics)はIllustratorで作成したようなベクター画像を表示する技術。高解像度ディスプレイでもくっきりはっきり表示できるので、近年海外サイトを中心に見かける機会が増えてきました。SVGについてはWebクリエイターボックスでも何度か取り上げてきたので、耳にしたことのある方も多いかと思います。今回はそんなSVGを使いこなすための便利なオンラインツールやJavaScriptなどを紹介します。 SVG ってなんぞや?という方は、過去記事「アイコンフォントから SVG へ!より手軽にベクター画像を表示しよう」をご覧ください! ラスター画像を SVG に変換Vector MagicVector Magicは JPEG、GIF、PNG 形式の画像をベクター画像に変換し、EPS、SVGPDF 形式でダウンロ

    SVGを使いこなすための便利ツールいろいろ
  • クロスブラウザで動作するベクターグラフィックスライブラリ「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」

  • トップページ

    SQL データベース操作言語SQLについて、またRDBMSの持つ機能について詳しく解説します。 DB概要、SQL、テーブル操作、データ操作 ... 特集:replication PostgreSQLのレプリケーションシステムを紹介し、それらの機能を比較していきます。 特集:pgbench PostgreSQLのベンチマークテストに用いられるプログラムである pgbench について解説します。 SQL演習問題 各章に用意された演習問題を集めました。

  • トップページ

    SQL データベース操作言語SQLについて、またRDBMSの持つ機能について詳しく解説します。 DB概要、SQL、テーブル操作、データ操作 ... 特集:replication PostgreSQLのレプリケーションシステムを紹介し、それらの機能を比較していきます。 特集:pgbench PostgreSQLのベンチマークテストに用いられるプログラムである pgbench について解説します。 SQL演習問題 各章に用意された演習問題を集めました。

  • Willustrator: Draw on the Web

    Draw on the Web. Login with Hatena Account or Create a Hatena Account All Tags | New Images Docs Help | Update history © 2006 Keisuke Kambara http://sappari.org/ ( Diary ) Icons by famfamfam Login

  • Inkscape 自由に描く。

    Inkscape is 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! Join our thriving community W

    Inkscape 自由に描く。
  • フリーハンドでベジェ曲線を描く

    点列をベジェ曲線に変換する 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,索引 初心者は

    smotokezuru
    smotokezuru 2006/03/07
    デザイン記述言語のSVG(スケーラブルベクターグラフィック)を学習するために作られた辞典。学ぶべき優先度別に分けて、要素を解説する。
  • 高血圧末期予防のアダラートと治療のビタミン摂取効果 - アダラートの歴史

    smotokezuru
    smotokezuru 2006/03/01
    KDD研究所が開発しているJaMaPSはSVGを使った地図情報サービス
  • SVGの遊び部屋

    XML, SVG, DOM のサンプルDOMとSVGのサンプル表示として、 DOMオブジェクトを利用して、XMLからHTMLを生成させる。・・・(XML to HTML) SVGの filter を利用して、SVGを作成する。・・・(SVG to SVG) 既存のSVGをコピーして、SVGのノードに追加させる。・・・(SVG to SVG) SVGの EventListener を利用する。・・・(SVG to SVG) SVG Animationを利用する。・・・(Animation) XSLT ツールを利用する。・・・(XSL to SVG) SVGのメニュータブを利用する。・・・(XML to HTML) SVGのfilterのパラメータをscrollbarで変更させる。・・・(Animation) feGaussianBlur, feOffset, feSpecularLight

  • http://www.openspc2.org/~svg/

    smotokezuru
    smotokezuru 2006/03/01
    SVG仕様書勧告の日本語化計画!ここは、W3CのSVG勧告の日本語訳をしようとするサイトです。まだ全部の訳が終わっているわけではないので、全章訳し終えるまで末永く待ってい
  • 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