新坑--阿里云图库引入

1.阿里云图库的图片其原理是将svg图片通过CSS配置文件配置对应的字符编码,让字符编码去调用对应的svg图来完成svg图到web的现实
从官方API来看,阿里云图库有两种引入方式
(1)设置类名并创造类选择器的伪元素,让伪元素设置content调用字符编码,外部元素则通过设置和这个类选择器对应的类名完成svg图在该元素的中的显示
(2)需要引入该svg图的元素通过#字符编码的方式调用svg图,从而完成该svg图在web端的显示




由于svg图是通过编码字符调用并显示在web端,所以svg图在web端的本质是字符
由于iconfont可能是该svg图的css样式,所以调用阿里云字符编码的元素必须添加iconfont,此处仅仅是个人猜测,等我有时间后去继续查阅资料并实践证明


在常规的web开发中,模板文件或html文件是可以引入Unicode编码来调用阿里云图库的图片,但是在小程序中,只能通过类名创造类选择器的伪元素的方式调用阿里云的svg。
为什么会出现直接调用unicode编码只显示编码,不能像其他web端一样被正常解析?这个问题后续查阅资料并学习后才能知道。

猜你喜欢

转载自blog.csdn.net/qq_38603437/article/details/88628410