SVG in LinkXD

紀錄 SVG 測試的過程。

一個連結的通常可以用一行字解決，為何需要用 SVG 這個格式，很多瀏覽器並不支援這種格式，這樣對其他使用者並不友善。另外一個問題是很多網頁應用不會讓你嵌入下列的程式碼。

http://www.croczilla.com/svg/samples/arcs1/arcs1.svg

可以預覽，但是無法張貼。

object data="http://www.croczilla.com/svg/samples/arcs1/arcs1.svg"
type="image/svg+xml" height="300" width="300"

好處是可以嵌入即時的修改，當這行連結字被貼入某個 URL 之後，你不去這個 URL 是無法更改這行字的，所以如果你要改的這行連結有幾十個地方，那就很麻煩了。用 img src 是最方便，不過那需要產出圖片。

samples

所以兩個都擺，img + svg 這樣至少會出現 img，svg 就要 firefox 等有支援的才會出現。

SVG and HTML - Svg wiki提到四種方式，inline SVG 等於把圖貼上去，這點適合離線使用，不適合即時更新的簽名使用。

SVG: object or embed?

有點類似Inversion of control
或是Dependency injection

快樂是我們連結的理由