今天不發效果圖了，來聊一聊SVG的靈活運用。
這篇文章好幾天前就看到了，思前想後，感覺還是說一下，畢竟這個腦回路還是很讚的。
具體是怎麼回事呢？
有個程序猿想寫一個監控服務器的網頁，想着能不能用小程序實現。按照規定，小程序請求地址必須在開發信息中手動報備並且要求域名備案。而這位想實現可以動態添加節點，並且通過小程序直接連接到服務器，不經過第三方服務器。然後就想到了使用SVG實現小程序和服務器的點對點連接。
原理是巧妙運用了小程序 image 組件的 bindload 接口，當圖片加載成功時會返回圖片的寬和高。也就是說一個圖片能夠返回兩個數值，前後端約定好請求 API 後可以動態創建 image 獲取一系列數值。
<svg width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg"></svg>
不過這種方式也有侷限，傳輸少量數據是可以的，大量數據就不行了。
想看原文的，可以點擊，查看原文。
Xi說孔方兄認證
