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
SVGは普及する。WebデザイナーはCSSとともにSVGが必須科目に
Internet Explorer 9では、Webブラウザ上にベクター形式で画像を描画できるSVG（Scalable Vector Graphics）のサポートが表明されています。ITproの記事「IE9の登場で画像フォーマットの本命に浮上するSVG」では、IE9がSVGをサポートすることでSVGの普及が始まるのではないかと予想しています。同意します。 SVGはHTML、CSS、JavaScriptと並ぶWebの要素に SVGは2001年にバージョン1.0、2003年にバージョン1.1がW3Cの勧告として策定されました。しかしマイクロソフトはIE6、IE7、IE8とずっとSVGに対応せず、一方でSVG策定以前から同社などが推進していたVML（Vector Markup Language）と呼ばれるベクター形式の言語を実装してきました。 Webブラウザで最大シェアを持つIEで使えないSVGは
IE9 SVGサポートロードマップ、VMLは退陣 | エンタープライズ | マイコミジャーナル
Windows Internet Explorer 9 ブラウザにおける2Dベクターグラフィックの利用にSVGが普及する気配を見せている。IE9がSVGのサポートを表明したことでこの流れは固いものになりつつある。 SVGがWebに適している9つの理由 IE9のSVGサポート、固い路線 SVGとCanvasのどちらを使うべきか考える 開発者向けに提供が開始されたIE9のプレビュー版にはSVG機能が実装されており、各種機能が試せるようになっている。現在のIE9プレビュー版(IE9 Platform Preview)がサポートしているSVGの機能と、今後のアップデートでサポートが予定されている機能がIEBlog : SVG in IE9 Roadmapにおいて簡単に紹介された。該当部分をまとめると次のとおり。 IE9 Platform PreviewがサポートしているSVG機能 インラインHTM
SVGを使ったものすごいグラフライブラリ·dygraphs JavaScript Visualization Library MOONGIFT
dygraphs JavaScript Visualization LibraryはJavaScript製のオープンソース・ソフトウェア。グラフライブラリは多数あれど、大抵は円グラフや棒グラフなどのシンプルなグラフを描く機能しかない。高度なグラフを描こうとすると利用できるライブラリは途端に少なくなる。 高機能なグラフライブラリ また高度なグラフはクライアントサイドだけでなく、サーバサイドの仕組みが必要になることも多い。そんな中dygraphs JavaScript Visualization Libraryはとても簡単に使えるグラフライブラリになっている。JavaScriptでSVGを描いてグラフ化するのだ。 主なグラフはX-Y軸を持った折れ線グラフになるようだ。とはいえ測定範囲を含んだグラフを描いたり、グラフの一部をマウスを使って拡大する、マウスオーバーすると値が表示されるなど高度な機能
Poturi : SVG
SVGとは SVG（Scalable Vector Graphics）は、XMLベースのベクターグラフィックスです。テキストファイルなので、簡単な図形ならばエディタだけでさっと描けてしまいます。JavaScriptやCGIなどとの連携もしやすく、Flashよりもずっと手軽なので、大きな可能性を秘めていると思います。 OperaとFirefoxはSVGに正式対応しています。Firefoxはまだ開発段階のようで一部の機能が使えません。現段階ではOperaの表示が一番安定しているようです。IEでは、AdobeのSVG Viewerをインストールすると表示できるようになります（2005年で開発が止まっています）。 参考URL Scalable Vector Graphics (SVG) 1.1 Specification Scalable Vector Graphics (SVG) 1.1 仕様（
いまさら聞けないSVG、なぜ知られていないのか？
いまさら聞けないSVG、なぜ知られていないのか？：いまさら聞けないリッチクライアント技術（9）（1/3 ページ） 「SVGって何？」と思うのは無理もない PCで取り扱う画像のフォーマットにはいろいろな形式があります。JPEG、GIF、PNG、BMP、TIF、…… などなどいろいろあります。さて、その画像形式の中で「SVG」というフォーマットがあるのはご存じでしょうか？ このSVG「ベクタデータで画質のクオリティが高い！」「テキストファイル作成されているので、汎用性が非常に高い！」「XML形式で記述ができて管理しやすい！」「JavaScriptと相性バツグンでリッチコンテンツが手軽に作れる！」など、とてもWebと相性が良さそうな画像形式です。 いろいろな長所を持つ「SVG」は、知らない人にとっては「新しい技術」と思うかもしれません。しかし、Webの標準化団体「W3C」からSVG 1.0が勧告
ブラウザでベクタグラフィック、MxGraph 0.7.5テクノロジプレビュー公開 | エンタープライズ | マイコミジャーナル
JGraphは16日(ドイツ時間)、ブラウザでベクタグラフィックの編集をおこなうことができるプロダクトとしてMxGraphの最初のパブリックリリースとなるMxGraph 0.7.5テクノロジプレビューを公開した。MxGraphはJavascript、SVG、AJAXの技術を使って開発されたグラフィックを編集するためのWebアプリケーション。ブラウザからベクタグラフィックの作成を行うことができ、AJAX技術を使っているため作業中にブラウザをリロードする必要は発生しない。 ベクタ画像としてSVGを使用するため、MxGraphが動作するにはFirefoxであればFirefox 1.5以降のバージョンが、Internet ExplorerであればInternet Explorer 5.5以降のバージョンにAdobe SVG viewer 3バージョン以上のプラグインを同梱したブラウザが必要。今回公
GIGAZINE - Illustratorのようにベクター画像を扱うフリーソフト「Inkscape」
いわゆるSVG形式のベクター形式画像ファイルを扱う時に便利なオープンソースのソフトウェア。開いたSVGファイルを任意の解像度のPNGファイルに変換できます。また、Illustratorのようにベクター形式で画像を作成することも可能。Linux、Windows 2000/2003/XP、Mac OS X、FreeBSDなどで動作します。 実際のインストールと利用方法は以下の通り。 Inkscape. Draw Freely http://www.inkscape.org/ ダウンロードはこちらから。 http://www.inkscape.org/download.php ダウンロードした本体をクリックしてインストール開始 「Next」をクリック 「Next」をクリック 「Next」をクリック 「Install」をクリック しばらく待つ 「Next」をクリック 「Finish」をクリックすれ
ブラウザ上でお絵かき: Days on the Moon
「Ajax を使った手書き文字認識」を見て。ここでは線を描くのに絶対配置の span 要素を大量生成しているけど、最近のブラウザってベクター描画エンジン付きのものが多いわけで。WinIE 5 以降の VML 、Opera 8 ・ Firefox 1.5 以降の SVG 、Safari 1.3 ・ Firefox 1.5 以降の canvas 要素といった具合に。 ということで各ブラウザでベクター描画エンジンが使えればそれを使い、なければ絶対配置の HTML 要素を大量生成することで、ブラウザ上でお絵かきできるというものを作ってみた。元に戻す / やり直すこともできる。線を描くだけで塗りつぶしはできないが。 その線を描くために作ったのが DrawingCanvas クラス。以下のようにすることで三角形が描ける。実際の描画部分には SVG Tiny 、HTML Canvas 、CSS Posi
XML ―伸び縮みマークアップ言語―
ＳＧＭＬのサブセットであるＸＭＬは、インターネット上で扱うデータを記述するための新しいデータフォーマットで、 利用者が自由にタグを定義でき、文書中の文字列に意味付けができる柔軟性のある言語構造を持っており、 プログラムで自在にＸＭＬデータを情報処理できるというメリットがあります。 そのＸＭＬを実際に文書を作成しながら学べるようわかりやすいよう解説します。 ■ ＸＭＬの基本 ＸＭＬとは ＸＭＬ文書作成の大まかな流れ ＸＭＬ文書の記述 ＸＭＬ文書ブラウザでの表示 ■ ＸＳＬＴスタイルシートの基本 ＸＳＬＴスタイルシートの適用 ＸＳＬＴの構造 ■ ＸＭＬ文書の構文 ＸＭＬ文書の宣言 文字コードの設定 タグ付けのルール 要素名・属性の指定について 階層構造 実体参照・文字参照について その他・コメントや処理 ＤＴＤの記述 名前空間の指定 ■ データをＸＭＬ文書化する 情報をデータ化する 階層構造の
Scalable Vector Graphics - Topic
セットアップ チュートリアルを始める前に、必要なSVGプラグインをダウンロード・エリアからダウンロードして、インストールしてください。また、現段階での機能について重要な注意事項が述べられていますので、Adobe SVG ビュワーに関するリリースノートも必ずお読みください。 イントロダクション このチュートリアルは、SVGの特徴と機能を概観するためのものです。SVGクリエータになろうとする方々のために、開発に向けてこのフォーマットの可能性に関して、そのベーシックな部分を理解できるように、十分な情報を提供するのがこのページの目的です。このページをごらんになって、自分でSVGのデモを開発してみようという気になっていただければと考えております。ここに置かれているグラフィックスのほとんどすべては、Adobe® Illustrator®を利用して開発したものです。イラストレーションの多くは、簡単なJa
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
IBM Developer