所有分类
  • 所有分类
  • 英文字体
  • 平面图片
  • 视频素材
  • 音乐特效
  • 网页源码
  • 办公文档
  • 软件插件

Sketch导出SVG内侧边框会丢,是SVG格式本身的限制

Sketch社区里有一个被反复讨论的问题:一个圆形被切割后,给了内侧边框类型,预览里一切正常,导出SVG后圆角线帽消失,直线变成了直角。

Sketch官方在论坛里确认了这一点:SVG输出格式对内侧边框的处理有局限,尤其是带透明度的内侧边框,导出结果和画布预览不一致。原因是SVG规范本身对内联边框的支持就不完整,Sketch导出时把边框转换成路径,转换过程中圆角线帽的属性被丢弃了。

一个不优雅但有效的规避方式:给需要导出的路径重新加一个边框,Sketch会自动把它设为中心对齐的边框。中心边框在SVG里的兼容性最好,圆角和线帽都能保留。如果边框是半透明的,用吸管工具直接从画布上吸取最终显示的颜色,把透明度设为100%,导出后就不会因为透明度叠加而变色。

还有一个更隐蔽的情况:导出SVG时代码里会多出一条 rotate(-180.000000) 的变换指令。有些图标字体工具解析这条指令时会出错。把SVG在Illustrator里打开,旋转一下再存回去,这条冗余的transform代码就消失了。

预览中的照片/图标/矢量图等通常并不包含,部分字体需要软件支持 OpenType。版权归原作者,仅供个人学习参考,请勿直接商用。详见协议
0
分享海报
©资料由用户发布,仅供个人参考学习。版权归原作者所有,使用者须知晓并承担责任,与本站无关。若无意侵犯您的权益,请联系删除。
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码