SVG Archive

XML文書で半角スペースを保持するには

xml:space="preserve"

属性を使用する。SVGでもこれでいける。

全文を読む

　"PHP：出力のバッファリング"や"PHP：大量データを出力するので処理速度が気になる"で、ob_startの出力のバッファリングを調べていたときに、これを使えばPEAR::Image_Graphライブラリで出力されるコードをutf-8に変更できるではないか！おお！と気づいたのでメモ :D。

　しばらくPEAR::Image_Graphを使う仕事から離れてたので、ほぼグラフのことは頭の中から消えていたんですが、最近この記事"PEAR::Image_GraphライブラリでSVG"にコメントをいただいたことで、「グラフをutf-8で出力し日本語表示を可能にする」方法を思いついたのでした（感謝！）

正確性は保証しませんが、参考までにどうぞ。

今回の目的と覚え書き

1. PEAR::Image_Graphライブラリを使用したグラフで日本語を出力させたい。
2. Image_Graphライブラリで生成されるSVGのコードをutf-8で出力する。
3. PEAR::Image_Graphライブラリは、直接カスタマイズしない。
4. この方法は、SVGでグラフを作成するときのみ。ついでに、Image_Graphライブラリで生成されるSVGコードは、SVG 1.0なので、SVG 1.1に変更してみる。
5. ビットマップでのグラフ作成は、これだけではうまくいかないと思う。（これについてはまた後日、やれるときに）

全文を読む

試しに作ったものソース。 Illustratorでグラデーションをつくるときの操作を思いうかべながらＳＶＧのコードを考えると、わりに上手くいくような気がします。

小さなことからこつこつと。嗚呼、こつこつと。

2006-11-23 修正

xmlns:xlink="http://www.w3.org/1999/xlink"

上記を追加。これでFirefoxでもちゃんと表示されるようになりました。

参考リンク

• SVG:Namespaces Crash Course – MDC
• 拡張されたXMLのリンク言語：XLink
• 技術者のためのXML再入門　第6回　XML名前空間でタグを使い分ける

全文を読む

　path 要素を使った方法と、polygon要素を使った方法。同じ三角形を描くのでも、いろいろな方法がありそう。

全文を読む

transform属性は、座標を相対的に指定するのに便利そう。

全文を読む

<svg width="200" height="200" viewBox="0 0 200 200"></svg>

　こんな感じで使う「viewBox」属性の意味。 たのしいXML: SVGを読んでやっとわかった。メモ。

全文を読む