利用者:T-Kuro
出典: フリー百科事典『ウィキペディア(Wikipedia)』
初心者ですがどうぞよろしく。コンピュータ関連をいじっています。
現時点での英語版 --T-Kuro 2005年6月5日 (日) 12:40 (UTC)
目次 |
[編集] SVG
Scalable Vector Graphics (SVG) is an XML markup language for describing two-dimensional vector graphics, both static and animated. It is an open standard created by the World Wide Web Consortium, which is also responsible for standards like HTML and XHTML.
[編集] Overview
SVGは3つのタイプのグラフィックオブジェクトを許容します:
- ベクトルのグラフィック図形、(例、直線及び曲線からなる
パス、およびそれらで囲われた領域)
- ラスター画像/デジタル画像
- テキスト
SVG allows three types of graphic objects:
- vector graphic shapes (e.g. paths consisting of straight lines and curves, and areas bounded by them)
- raster graphics images / digital images
- text
グラフィカルなオブジェクトをグループ化することができて、スタイルを付けられ、変換され、合成されて、描画されます。 。テキストはどんなXML名前空間に適合した応用の中にいれる事ができ、 それはSVGグラフィックスの検索性とアクセシビリティを高めるアプリケーションに適したにもあることができます。 特徴セットはネストされた変換、クリッピングパス、αマスク、フィルタ効果、テンプレートオブジェクト、および拡張性を含んでいます。
Graphical objects can be grouped, styled, transformed and composited into previously rendered objects. Text can be in any XML namespace suitable to the application, which enhances searchability and accessibility of the SVG graphics. The feature set includes nested transformations, clipping paths, alpha masks, filter effects, template objects and extensibility.
SVG図面は、ダイナミックであって、対話的である場合があります。 SVGのためのDOMは容易です。それは完全なXML DOMを含みます。ECMAScriptまたはSMILを通して簡単で効率的なベクタグラフィックスアニメーションを許容します。 豊かなセットの"onmouseover"や"onclick"などのイベントハンドラをどんなSVGのグラフィカルなオブジェクトにも割り当てることができます。 その他のウェブ規格の互換性と力を入れたため、同時に、同じウェブページの中でSVG要素と他の異なった名前空間のXML要素からスクリプティングのような機能が可能です。
SVG drawings can be dynamic and interactive. The Document Object Model (DOM) for SVG, which includes the full XML DOM, allows straightforward and efficient vector graphics animation via ECMAScript or SMIL. A rich set of event handlers such as onmouseover and onclick can be assigned to any SVG graphical object. Because of its compatibility and leveraging of other Web standards, features like scripting can be done on SVG elements and other XML elements from different namespaces simultaneously within the same web page.
ストレージの容量が問題であるなら、SVGイメージは時々gzip圧縮で保存されます、その場合、それらは「SVGZファイル」と呼ばれるかもしれません。 XMLが多くの余分なデータを含んでいるので、XMLは非常によく圧縮される傾向があります、そして、これらのファイルははるかに小さい場合があります。
If storage space is an issue, SVG images are sometimes saved with gzip compression, in which case they may be called "SVGZ files". Because XML contains a lot of redundant data, XML tends to compress very well and these files can be much smaller.
[編集] Mobile profiles
SVG1.1との産業の需要のために、SVG-Tiny(SVGT)とSVGBasic(SVGB)の2つのプロファイルが紹介されました。 これらはフルSVG標準の、限られた能力があるUAのために主に意図されたのサブセットです。 特に、SVG Tinyは携帯電話などの非常に制限されたモバイル機器のために定義されました、そしてSVG Basicはより高いレベルのモバイル機器のために定義されました、PDAなどのように。
Because of industry demand with SVG 1.1 two mobile profiles were introduced: SVG Tiny (SVGT) and SVG Basic (SVGB). These are subsets of the full SVG standard, mainly intended for user agents with limited capabilities. In particular, SVG Tiny was defined for highly restricted mobile devices such as cellphones, and SVG Basic was defined for higher level mobile devices, such as PDAs.
どちらのモバイルプロファイルも完全なDOMのサポートを含んでいませんが、SVG Basicだけにはスクリプティングの任意のサポートがあります。しかしそれらがフル標準の完全な互換性のあるサブセットなので、モバイルプロファイルをサポートするだけのデバイスでもほとんどのSVGグラフィックスを表すことができます。
Neither mobile profile includes support for the full DOM, while only SVG Basic has optional support for scripting, but because they are fully compatible subsets of the full standard most SVG graphics can still be rendered by devices which only support the mobile profiles.
Macromediaによる競合ソフトウェアであるMacromedia Flash Liteはバージョン1.1以降SVG Tinyをサポートします。 The competing software Macromedia Flash Lite by Macromedia supports SVG Tiny since version 1.1.
[編集] Development history
SVG was developed in a long process after Macromedia and Microsoft introduced Vector Markup Language (VML) whereas Adobe Systems and Sun Microsystems submitted a competing format known as PGML.
SVG 1.0 became a W3C Recommendation on 2001-09-04.
SVG 1.1 became a W3C Recommendation on 2003-01-14.
SVG Tiny and SVG Basic (the Mobile SVG Profiles) became W3C Recommendations on 2003-01-14.
SVG 1.2 is currently a W3C Working Draft.
[編集] Support for SVG in browsers and other applications
The use of SVG on the web is in its infancy. There is a great deal of inertia from the long-time use of completely raster formats, but also browser support is patchy, with users of most browsers having to install a plugin. Web sites which serve SVG images typically also provide the images in a raster format, either automatically by HTTP content negotiation or allowing the user to directly choose the file. Alternative images are usually automatically rasterised using a library such as ImageMagick, which provides a quick but incomplete implementation of SVG or Batik, which implements all of SVG, but is slower.
Some wikis have experimented with SVG support; it has been speculated that since SVG is a text-based format, a wiki might allow edits to SVG images in a fashion similar to editing a standard article. However, the benefits of editing images in this way are disputed. It is generally considered that even trivial editing is better achieved using a separate graphics package because it is difficult to visualise exactly how changes to the XML will appear on the final image. Current wikis mostly do not support either the display or editing of SVG images, partly because of the lack of full browser support, but also because rasterization using Batik is CPU-intensive and requires Sun's Java Runtime Environment, which is not free (as in freedom). In the spirit of being open, many wikis refuse to use non-free software, for example Jimbo Wales speaks about this in his weblog [1]. SVG support would be valuable to a wiki, especially for articles that require diagrams, so the situation may change in future, when ImageMagick is expanded to cover more of the SVG standard.
[編集] Plugin support
Internet Explorerのようなほとんどブラウザでは、ブラウザでSVGを見るのにプラグインが必要です。現在利用可能なSVGプラグインはAdobe SVG ViewerとCorel SVG Viewerを含んでいます。 In most browsers, such as Internet Explorer, a plugin is needed to see SVG images in the browser window. Currently available SVG plugins include Adobe SVG Viewer and Corel SVG Viewer.
[編集] Native support
ネイティブのサポートはいくつか利点があります。 例えば、プラグインの必要は全くありません、そして、一つの文書内でSVGを他のフォーマットに混ぜることができます、そして、異なったドキュメントフォーマットの間のスクリプティングははるかに確実です。
There are several advantages to native support. For example there is no need for a plug-in, SVG can be mixed with other formats in a single document, and scripting between different document formats is a lot more reliable.
Mozilla SVGプロジェクトはMozillaにネイティヴSVGサポートを提供するために働いています。部分的なSVGサポートがMozilla Firefox 1.1に含まれるでしょう。モジュールがサポートされているか、作業中かそれともいまだサポートされていないかの概要はMozlla + SVG Statusページで見つけることができます。
The Mozilla SVG Project is working to bring native SVG support to Mozilla [2]. Partial SVG support will be included in the Mozilla Firefox 1.1. An overview of which modules are supported, in progress, and not yet supported can be found on the Mozilla + SVG Status page.
KDEプロジェクトのKonquerorブラウザもKSVGと呼ばれる不完全なSVG実装を持っています。KHTMLレンダリングエンジンを共有しているので、将来AppleのSafariブラウザまでもがサポートするだろう(http://weblogs.mozillazine.org/hyatt/archives/2004_07.html#005928 すぐにはしないだろう。するにしてもKHTMLとは無関係だと思われるが。)。KDEのいたるところでこのフォーマットが使われておりKDE3.4からはSVGの壁紙をサポートしています。 (勝手に追加)KDEの次期メジャーバージョンであるKDE4にはより進化したKSVG2が含まれることになっています。
The KDE project's Konqueror web browser also has a fairly complete SVG implementation called KSVG. Since they share the KHTML rendering engine, support will likely filter down to Apple's Safari browser in future. Elsewhere in KDE the format is finding greater use, and from version 3.4 onwards SVG wallpapers are supported.
Operaブラウザも8.0 Beta 3からはSVG1.1 Tiny標準を元にしたSVGサポートを提供しています。
部分的なSVGはAmayaブラウザでもネイティヴサポートされてます。
The Opera web browser (since 8.0 Beta 3) offers SVG support based on the SVG 1.1 Tiny standard. Partial SVG is also natively supported in the Amaya web browser.
JavaプログラムはSVG画像を描画、生成、操作するためにBatik SVGツールキットを利用することができます。
Java programs can make use of the Batik SVG Toolkit to render, generate, and manipulate SVG graphics.
[編集] Tools
AIやCorel DrawのようなメジャーなドローイングソフトウェアはSVGのエクスポートに対応しています。 GoLive CS2 OpenOffice.org Draw 1.1以降もSVGファイルのエクスポートが可能です。SVGmakerが標準的ないたるところにあるオフィススイートも含むWindowsプログラムからSVGをつくるまで。 SodipodiとInkscapeは二つの異なる(オープンソース、マルチプラットフォーム)SVGフォーマットを使うツールです。 SketsaはもうひとつのネイティヴSVG画像エディタです。
Most of the major drawing software packages such as Adobe Illustrator and Corel Draw support SVG export. OpenOffice.org Draw 1.1 and up can also export SVG files whilst SVGmaker creates SVG from standard Windows programs including the ubiquitous Office suite. Sodipodi and Inkscape are two other (open source, multi-platform) tools that use the SVG format. Sketsa is another native SVG Graphics Editor.
Similarly to XML, SVG has different kinds of standard parsers to read and write. An example of such technology is Batik from Apache. Batik supplies a set of standard modules like SVG Parser, SVG Generator and SVG DOM.
SVG Sceneツールキットは開発者にアプリケーションビューを作ることをSVGの内容モデル又はシーン(キャンヴァスとも呼ばれる)を構成することによって可能にします。 同時に、複数のウィンドウ、あるいは別々のクライアントの上にシーンを描画するかもしれません。SVGの描画はさまざまなターゲット(例、Windows、MacOS、PostScript,SVG)をサポートするCairoとPangoによりなされます。
The SVG Scene toolkit enables developers to create application views by constructing an SVG content model, or scene (also called a canvas). A scene may be displayed simultaneously in multiple windows, possibly on separate clients. Rendering of the SVG is done via Cairo and Pango, which in turn support diverse targets, e.g. Windows, MacOS, Postscript, Xlib.
JFreeChart,とCompuwareのOptimalJ二つともSVGを使ったプロジェクトです。 Projects that use SVG include Together, JFreeChart, and Compuware's OptimalJ.
[編集] Free tools
- Skencil (Website) SVG Editor, written almost entirely in Python
- Sodipodi (Website), Drawing application Unix and Windows, does not support animations
- Inkscape (Website), Sodipodi Fork with a greater focus on implementing the SVG standards and a different user interface.
[編集] See also
- Rich Internet Application
- Semantic Web
- 2D
- 3D computer graphics
- List of vector graphics markup languages
- Comparison of vector graphics markup languages
- Comparison of layout engines (graphics)
[編集] External links
[編集] Demos
- Adobe SVG Demos
- Mozilla SVG Demos
- SVG mapping examples, tutorials and shp2svg converter
- Sample SVG files created from popular programs
[編集] Software
- Adobe SVG Plugin
- Mozilla SVG
- ksvg SVG renderer for KDE/khtml
- librsvg SVG renderer for GNOME, and Mozilla/Firebird plugin
- SVG Perl module
- Sketsa - SVG Graphics Editor
[編集] Tutorials
[編集] Articles
- SVGopen, annual international conference on Scalable Vector Graphics
- Article "SVG: A Sure Bet" by Paul Prescod
- Article "SVG Is The Future" by Kevin Hughes
- Descriptions from Webreference
- Discussion about free implementations
- SVG Basics - beginner tutorials on SVG