SVG_26_SVG的灵活运用

今天不发效果图了，来聊一聊SVG的灵活运用。

这篇文章好几天前就看到了，思前想后，感觉还是说一下，毕竟这个脑回路还是很赞的。

具体是怎么回事呢？

有个程序猿想写一个监控服务器的网页，想着能不能用小程序实现。按照规定，小程序请求地址必须在开发信息中手动报备并且要求域名备案。而这位想实现可以动态添加节点，并且通过小程序直接连接到服务器，不经过第三方服务器。然后就想到了使用SVG实现小程序和服务器的点对点连接。

原理是巧妙运用了小程序 image 组件的 bindload 接口，当图片加载成功时会返回图片的宽和高。也就是说一个图片能够返回两个数值，前后端约定好请求 API 后可以动态创建 image 获取一系列数值。

<svg width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg"></svg>

不过这种方式也有局限，传输少量数据是可以的，大量数据就不行了。

想看原文的，可以点击，查看原文。

 

Xi说孔方兄认证