SVG圣诞树

## 1、轨迹长度怎么看
选中绘制的路径，点击【窗口】-【文档信息】，右侧选项调整为【对象】，即可看到轨迹的长度

![](https://img.doc.nanmianyun.com.cn/img/2024/12/26/d87e2d9f3f8c4073a8ec7a435f1cb0ca3074.png)

## 2、轨迹绘制时注意
需要重新建一个和原图一样大的尺寸的画板，然后置入图片

使用弯曲工具
![](https://img.doc.nanmianyun.com.cn/img/2024/12/26/b4c401404b344ae9a90fbed50618548c2651.png)

颜色透明
![](https://img.doc.nanmianyun.com.cn/img/2024/12/26/8935168ebc284a678d4782de710f8f1b2884.png)

## 3、轨迹SVG代码导出
在Ai软件中绘制完轨迹后，选中轨迹，然后选另存为

![](https://img.doc.nanmianyun.com.cn/img/2024/12/26/03a78ca83b024744b8c1c757ad8be6767221.png)
存储格式选SVG

![](https://img.doc.nanmianyun.com.cn/img/2024/12/26/0916fc5f5c054cf695374575bdef98857930.png)
图像位置选 链接、CSS属性选演示稿属性

![](https://img.doc.nanmianyun.com.cn/img/2024/12/26/ef83c7c53efd48f78698c00b7afe033c3925.png)
然后点击SVG代码，会有文本框弹出，
![](https://img.doc.nanmianyun.com.cn/img/2024/12/26/aab57fa0c75c4abda7c4111f987b9c433292.png)

复制d=后面“”里面的字符
![](https://img.doc.nanmianyun.com.cn/img/2024/12/26/cff4d9d36d92460b8798b8391d5309bd6650.png)

## 4、图片底部出现空白的

![](https://img.doc.nanmianyun.com.cn/img/2024/12/26/cd077f470316491eba055e42a6407e4a3277.png)

因为容器有高度1920
需要在所有内容设置好，复制代码时，修改代码中的1920 ，改为图片的高度

## 5、音频有时候没有播放
热区范围过大，需要缩小热区范围，防止误触

## 6、其他
遮罩图片，需要把路径元素挖空，

![](https://img.doc.nanmianyun.com.cn/img/2024/12/26/cc5335e329bf4be5ba2e78788388c1f14170.png)