码迷,mamicode.com
首页 > 其他好文 > 详细

twaver矢量图如何生成并应用

时间:2018-06-13 15:04:08      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:应用   图片   需要   files   editor   upload   分享图片   文档   矢量图   

twaver位图好理解,直接url路径注册即可,矢量图呢?

MMP说是有内置图标,找了半天没找到文档说明,也就demo里有名称的几个可以ctrl+c/v
我想用自己想用的矢量图怎么办?
百思不得其姐!!!!

摸索半天开窍了,曲线救国!

第一步,进入神奇的阿里巴巴矢量图标库:http://www.iconfont.cn/
找到你要用的矢量图标,下载之:
技术分享图片
第二步,IconEditor的使用(前提是你已经有了试用版的twaver)
IconEditor是TWaver为了便于用户将SVG资源作为网元的图片,而推出的一款工具,可以方便您将SVG格式的资源转换为TWaver可以支持的矢量格式。使用步骤如下:

1.打开IconEditor编辑器(位于产品包demo2=>editor=>IconEditor=>IconEditor.html)
技术分享图片

2.点击Click to upload file按钮或者直接将图片资源拖拽至drag files to upload处(如没效果,可能需要将IconEditor发布起来,如使用tomcat)
我是没有起服务,直接右键-->浏览器打开
技术分享图片

3.得到左侧文本框内的json数据,并注册
技术分享图片

搞定,如图:

技术分享图片

收工!

twaver矢量图如何生成并应用

标签:应用   图片   需要   files   editor   upload   分享图片   文档   矢量图   

原文地址:https://www.cnblogs.com/midnight-visitor/p/9176862.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!