SVG vs Canvas

SVGとCanvasで、同じ図形をXHTMLに直接埋め込んで描画してみた。
最近のFirefoxではそのまま見ることができる。
単なるHTMLに埋め込んだ場合だと、Firefoxでは3.6以上で"HTML5 parser"を有効にしないと見ることができない。
HTMLに埋め込んだ例はこちら。
やっぱり、XHTMLで記述するのは微妙に面倒臭いな。
XHTMLで書けば見えるので、HTMLで書けるかどうかは単にちょっとした労力と慣れの問題かもしれないが。
でもこうやってHTMLとXHTMLを比較すると、例えば(恐らくh1要素の?)改行幅などが微妙に異なることが分かる。
Firefox特有の問題かもしれないが。
あとは、このページには無いが、JavaScriptをXHTMLで記述する場合は、恐らくCDATAセクションなどが必要になると思われる。
そうすると、さらに面倒になるだろうな。

SVG

Canvas