好处及注意事项:
1.避免使用过多过于频繁的图片(但是也要考虑迭代性——如果说是非常重要的图片、后面以更方便修改的话,那么还是要拆出来)
2.readability(矢量图不适合base64;非矢量图则适当考虑base64)
3.兼容性(目前看,inline url比较适合固定的页面元素组件)
矢量图绘制工具:draw.io
svg转换inline url工具:https://yoksel.github.io/url-encoder/
在线调试css格式工具:https://codepen.io
原理文章:
1.如何手绘svg(svg基础语法展示)
https://webdesign.tutsplus.com/tutorials/how-to-hand-code-svg—cms-30368
2.如何在css中插入svg(变成图片插入、变object插入、使用inline svg)
https://css-tricks.com/using-svg/
当前头衔实验版面
https://codepen.io/lyn510/pen/GRZEjRq
只要在上面的实验版面可以正常显示,就说明可以直接应用在站内
