自定义挂件生成器

Description

【上传SVG图片后，需要再次按下生成按键】

这是一个自定义挂件生成器。
你可以自由设置：每层的颜色与厚度、文字的字体与大小，以及图标装饰。在电脑端点击「定制」按钮即可开始个性化设计，在定制过程中需要点击「生成」才能看到最终效果。

此外，还支持无 AMS 打印的尝试。
文字最多可输入四行，图标则最多可添加六个。

接下来我将介绍一些相关内容，请根据需要选择阅读的部分。

1.基本介绍

2.如何上传SVG图片并转换为装饰LOGO

3.关于SVG格式的获取

4.如何实现没有AMS打印

1.基本介绍

图1-1 厚度选项

挂件最多支持四行文字，不需要的行可以留空（如下图1-2所示）。假如在中间行进行留空的话，将会导致挂件中间断层。
图1-2 输入选项
在文字设置中，可以调节行距、字体种类、字体大小以及外轮廓大小（如下图1-3所示）。其中，字体可自由选择合适的样式；字体大小不仅影响文字本身，也会改变整个挂件的整体尺寸。
图1-3 文字选项
挂扣指的是在文字上方的圆环，基础设置如下图1-4所示。
图1-4 挂扣选项
如果因调整字体大小而导致挂扣被遮挡，可以通过调节 Deflection（挂扣 Y 轴偏移量） 来修正。数值增大表示挂扣在 Y 轴方向上移，从而使其露出。
图1-5 挂扣被遮挡
图1-6 调整Y 轴偏移量使挂扣露出

生成器最多支持添加 6 张装饰 LOGO。需要多少张，可在设置中的 Logo Num（LOGO 数量） 进行调整。例如设置为 3（如下图2-1所示），点击「生成」后，如果未上传本地文件，则会自动生成拓竹默认图标。

图2-1 导入默认图片

上传完成后，需要再次点击生成按键，图标会替换为你上传的内容（如下图2-2所示）。需要注意，上传的图标必须为 SVG 格式。至于如何获取 SVG 格式，我会在后续进行说明。

图2-2 图片导入成功

接下来可以对 LOGO 进行颜色、大小和旋转角度的调整，如下图2-3所示。需要注意的是，颜色设置作用于 LOGO 的最上层（即第四层），厚度设置同理；而前三层的颜色与厚度则保持与整体一致。

在位置调整方面，LogoX 与 LogoY 分别表示 LOGO 在 X 轴和 Y 轴上的偏移量：

图2-3 图标设置选项

通过调整位置，可以让 LOGO 与文字更好地融合为一个整体（如下图2-4所示）。请尽量避免图标遮挡文字。

图2-4 图标位置调整

现成图标的获取：iconfont-阿里巴巴矢量图标库
以“兔子”为例：在网站搜索“兔子”，点击目标图片后，选择「SVG 下载」按钮进行下载，然后导入即可。
在选择图标时，建议尽量使用单色图形。如果图像颜色过多，导入后通常只能识别出边框。
⚠️注意：图标库中的图标仅供个人使用，不可商用。
除了使用现成图标，你也可以：
自行绘制 SVG 文件，使用专业设计软件（如 Illustrator、Figma、Inkscape）来创建专属图标。