svg札記

1.人老了，有些事情太容易忘記了，這裏作下筆記，供參考，for self for you。

2.源於地圖監控，建築級別各大地圖商的api（高德、百度、騰訊等）已經足夠使用，惟獨室內圖這塊還差點。

3.在各類方案的選擇後，最終肯定使用svg作室內圖模板。關於snap或者raphael這種的動態畫圖的，

畢竟要花費的時間仍是太多了。

4.模板製做可以使用ai，導出爲svg文件。其實大能夠不用真的導出，在導出操做那選擇查看源碼，複製到html或者cshtml裏

便可，後期本身想怎麼處理均可以。關於svg形狀上的事件放在模板裏仍是模板外仍是看項目須要。

實現可參考：

http://tumba.solutions/blog/svg

此外最好看看這位美女的視頻，對svg會有些初步的瞭解，裏面還會推薦一些工具

https://www.youtube.com/watch?v=lf7L8X6ZBu8&list=PL37ZVnwpeshHAnqFlTxhd0MIXWjLBbM3R&index=4

若是看不了，我只放一張開發須要注意的截圖，以下：

 

5.viewbox之因此在這裏重要，由於放大縮小須要用到他。

6.放大縮小請看msdn

https://msdn.microsoft.com/en-us/library/gg589508(v=vs.85).aspx

7.若是真要作，最好先看視頻，而後看第一個和第三個連接，看完基本沒問題。由於內容不難，就不寫難點了，由於沒有難點！

難的是snap和raphael，這屬於另一種處理方式了。

結果大概是這樣的