依阑记梦blog 依阑记梦
  • 归档
  • 书签和清单
  • 切换模式
  • 返回顶部
  • 首页
  • 生活
  • 工作
  • Moments
  • 依阑记梦blog 依阑记梦
  • 首页
  • 生活
  • 工作
  • Moments
  • 归档
  • 书签和清单

AI绘制图标导出svg格式给开发需要注意的问题

AI导出svg格式图片给前端开发的时候,需要是复合路径,所绘制图标的各个部分必须是一个整体的复合路径,不能是打组的部件,否则开发在调用的时候,把图标当成一个整体文字随意修改颜色和放大缩小的时候,会影响效果,甚至出现无法使用的情况,我在和开发日常配合做项目的时候就遇到了这类问题,在此对AI绘制svg图标导出给开发使用的时候所遇到的问题做了一个总结,分享给大家。    AI绘制svg格式图标,如果是直接导出位图使用,基本没有什么可以注意的问题,但是如果开发直接调用AI导出的SVG图标,需要注意一下几点:1,AI绘制svg图标必须是复合路径,其中,路径必须扩展为填充,具体可以理解为复杂的汽车结构,必须是整体浇灌而成,不是靠很多螺丝连接的。2,如果是3D的svg,可以使用ai的3D突出直接生成3D效果这里不需要使用AI扩展功能直接使用,3,从开发的角度,如果是用AI导出SVG给开发使用,代码部分必须是一个整体(也就是第一条说的复合路径,是从设计师角度)如下图:4,优先推荐使用AI的另存为svg格式,因为AI用另存为保存为svg格式比用AI导出svg格式的

工作 · 2022-05-12
依阑记梦
热门文章
  • iis服务器配置网站如何访问外网?
  • 宝宝的第一个暑假
  • AI绘制图标导出svg格式给开发需要注意的问题
  • 给朋友设计的治疗设备UI
  • 曾国藩:日课十二条译文
  • 1bit和1byte_bit与字节Byte的区别和联系
  • 此内容被密码保护
最新评论
  • 刘郎: 我们这边幼儿园 估计读完7月份 就可以放假了
  • 全局变量: 一般服务器不是默认开启所有端口嘛,只需要把不需要设置防火墙中封闭
热门标签
  • 计算机
  • Design
  • Adobe
  • 感悟
  • 项目
2021 - 2025 依阑记梦blog. All Rights Reserved.