美文网首页
小程序-引入本地图片

小程序-引入本地图片

作者: 进击的小年轻 | 来源:发表于2018-10-14 17:05 被阅读0次

Q1:
背景:此前开发中,html文件用了很多嵌入式的svg标签,小程序的svg标签不能使用。且background背景图片的 URL只能用base64。
方案1:作为image组件的属性引入
把一个个svg标签写成一个个文件,然后用<image src="test.svg"></image>引入。
方案2:作为背景图片引入。
将图片上传至
http://imgbase64.duoshitong.com/
把转化后的base64写入background:url(base64url)

后续最后直接引入image,不要引入bkimg了,要不还要转化为base64比较麻烦。

存在的问题,之前的svg都是和主题颜色相关联的,也就是svg标签里写了style,class, 存成文件,读取,这些属性会失效。

最后方案是把svg在iconmoon转化为字体图标。
Q2:
顺便说一句,由于要移动原先公众号开发的images文件(多且杂),小程序开发者工具又不能直接粘贴文件,windows中可以在cmd 中 用copy命令,如
copy .\WeiXinHuiYuanDuan\images\online_shop_person_index_icon4.png .\MiniProgram\images\online_shop_person_index_icon4.png

相关文章

网友评论

      本文标题:小程序-引入本地图片

      本文链接:https://www.haomeiwen.com/subject/pwxtzftx.html