svg要素の基本的な使い方まとめ
この文書ではsvgをhtml埋め込みデータとして扱う際の覚書として作成した．svgの要素と属性は実際の例を踏まえて説明したつもり． 注意事項 仕様はここを参照のこと． 本文書では実際の挙動を調べつつ自分なりの解釈が入っているため，多々間違いが入ってしまうかもしれないが，気にしない． スクリプトを使ってsvg要素の中身(ソース)を出力しているため，一部実際のコードと表示されるコードとの間に差異があるが，予めご了承いただきたい． 目標は見栄えのする図形をsvgの手入力でサラっと記述できるようになることなので，複雑な図形は素直にinkscape等専用のツールを使うと良い．ただ，ここで示したことはツールを使う上でも役に立つと思う．特にアニメーションなど． svg:ベクター画像のカンバスの定義，title:タイトル，desc:説明 html文書においてsvg画像を挿入したい場合,embed要素を用い
Snap.svg - The JavaScript SVG library for the modern web.
Why SVG (and Snap)? SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM. Modern features for modern browsers Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking
Depicts - Windows Azure Web Site
depicts.azurewebsites.net このサイトのテーマは SVG を使った Linked Open Data です。主に地理情報に関連したポリゴンデータを取り扱います。 このサイトは Linked Open Data Challenge Japan 2012 の出品予定作品です。 このサイトは Linked Open Data Challenge Japan 2012 の基盤提供パートナーである 日本マイクロソフト株式会社 から提供されている Windows Azure 上で動作しています。 一部のコンテンツでは、 Linked Open Data Challenge Japan 2012 のデータ提供パートナーである 東京大学 地球観測データ統融合連携研究機構 によって提供された Earth Observation Vocabulary を使用したメタデータ記述をおこなっ
Raphaël―JavaScript Library
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
404 Not Found
The requested URL /2012-03-20-qdkLlokd.gslk was not found on this server.
フリーハンドでベジェ曲線を描く
点列をベジェ曲線に変換する BezierGenerator.js のサンプルです。 このサンプルは Firefox, Opera くらいでしか動きませんが、BezierGenerator.js 自体に環境依存性はありません（たぶん）。
FreeVectors.net :: Free Vector Graphics Gallery
We Love Free Vector Art & Graphics! Welcome to FreeVectors.net, a fun little community of vector lovers who share free vector graphics. All the images on this site are free to use for personal use and most of them can be used commercially. If you choose to use a vector please leave a comment so we know what types of vectors you like. The most recently added vectors are displayed below.
svg2swf
This is a command-line Python script that will convert a (rudimentary) SVG file into a Macromedia Flash (swf) file, using SAX to do the parsing, and the ming library to write the .swf file. News/History July 29, 2001 Release of v0.1.3. - I've taken off the warning about this being a developer only release, because I think it's starting to get generally useful. It's still very rough around the edge
Prototype.jsベースのグラフィックス描画フレームワーク:phpspot開発日誌
Prototype Graphic Framework This open-source framework is developed for my new project NeoMeeting. Prototype.jsベースのグラフィックス描画フレームワークの紹介。 四角形、円形、多角形などを SVG/VML/Canvas の方式で描画することが出来ます。 コードは次のようにオブジェクト指向でシンプルに記述できます。(SVG描画の場合) // Create an SVG renderer var renderer = new SVGRenderer("whiteboard"); // Create a rectangle with some attributes like color and bounds var rect = new Graphic.Rectangle(rendere
川o・-・）＜2nd life - はてなブックマークのお気に入りユーザ数を視覚化 - Hatebu Domain Visualization
http://lab.rails2u.com/hatebu_domain_visualization/ はてなブックマークを見ていると、どのドメインのサイトが人気なのかを知りたくなるときがあります。そんなんでドメイン別にカウントを集計し、グラフ化してみました。最近の人気なドメインや月別人気のドメイン、日別人気のドメインなどを見ることができます。 一年前ぐらいのグラフはGIGAZINEが無くて今と傾向が違っておもしろいです。 グラフの表示には PlotKit (http://www.liquidx.net/plotkit/ ) という Canvas/VML/SVG を使ってレンダリングしてくれるライブラリを使っています。WinIE でも Canvas をエミュレートしてくれてきちんと綺麗なベクターグラフが出力されてスゴース！また PlotKit は MochiKit を使って作られてるので
Alastair Tse - liquidx
A design-conscious software-engineer who used to code for food and shelter, but now builds teams of smarter people who build amazing things. I care about #graphics, #design, #craft, #architecture, #typography, #photography, #dataviz, #ux, #japan and #mobile. I am currently an Engineering Manager on Google Maps, focused on opinions, imagery, design, and iOS. Previously at Google, I was the Engineer
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.h2.dion.ne.jp/~defghi/svgMemo/svgMemo_01.htm
Noun Project: Free Icons & Stock Photos for Everything
SVG re-ordering z-index (Raphael optional)
PaintCode - Turn your drawings into Objective-C or Swift drawing code
オレオレ Gyazo で SVG も生成
Open Clip Art Library
http://beta.tonicpoint.com/
