SVG标签属性介绍
svg标签属性
<svg viewBox="0 0 1125 2436" style="background-image: url(…图片链接…);background-size: 100%;background-repeat: no-repeat;" xmlns="http://www.w3.org/2000/svg"></svg>
viewBox
定义画布大小
viewBox="0 0 1125 2436"
style
通过style定义背景图等
style="background-image: url(…图片链接…);background-size: 100%;background-repeat: no-repeat;"
svg绘图原理
以左上角为坐标原点，横向为x轴，纵向为y轴，通过x、y属性定义绘图初始位置，下面介绍部分图形的绘制。
<rect x="…" y="…" height="…" width="…" fill="?" />
<circle x="…" y="…" r="…" fill="…" />
Ai绘图与导出
导出参数设置
1、文字直接保存
2、文字保存为图形
绘图注意事项：
- 不可使用剪切路径
- 不可使用渐变
- 不可使用网格工具
- 不可使用 SVG 滤镜
以上四着图文内 SVG 代码不可读取，已被官方屏蔽
