[閒聊] 用 HTML5+SVG 寫攻略

[claestw (克萊耶司)]

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

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

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

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

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

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.62.219.58
推 ofnfline:有攻有推
→ superLM: 未看先推
推 kay1212: 有受有推
推 yuliwow:奇馬龍 血量一萬以上不會死 似乎寫錯寫成10萬
→ claestw:囧...現在改
※ 編輯: claestw         來自: 61.62.219.58         (11/27 14:50)
推 ak147:safari看得到圖 但是沒動畫!!
推 moonjuice:Chrome 15.0.874.121 沒動畫
推 Cycylno:最下面的NEET是怎樣? XD
→ Cycylno:FX8.0有圖可是不會動 這樣對嗎 o.0
→ claestw:對不起...這篇裡本來就沒用動畫 orz
→ claestw:最近剛看完NEET偵探 XD
→ ienet788:Palemoon 8.0 x86顯示正確,辛苦了
推 Molsely:讚!  給推!