用 HTML5+SVG 寫攻略 - WOW

為了實驗 HTML5 和 SVG 內嵌的寫法，所以拿魔獸團隊首領攻略來做實驗。
（其實根本只是沒團打很無聊就把攻略筆記美化美化美化成這樣了。）
http://ppt.cc/XAho
進入後選右上角 [下載] (Download) (40KB)

需要支援內嵌 SVG 的瀏覽器，原本測試環境是 Chrome，IE9 也試過了。
Firefox 和 IE8 不知道能不能正確看圖。

Opera 好像在 SVG 支援方面有問題。

SVG 的好處：
．免費開放原始碼 InkScape 繪圖軟體可以使用
．可做動畫
．向量圖檔容量小，可放大縮小不影響畫質
．圖文內嵌成文字檔，傳輸方便，編輯方便
．可內嵌 HTML 中做成像上面那樣的攻略檔，甚至包括動畫都行

再來照理說是做暮光的，但是想要先學會簡單的動畫，
不知能不能光用一張 SVG 動畫圖演完整場戰鬥 A_A

--