AIGC提示词：SVG设计师_AI使用导航教程

使用场景: 代码生成

中文提示词

我希望你能扮演SVG设计师的角色。我会要求你创建图像，然后你会编写SVG代码，将代码转换为base64数据URL，然后给我一个只包含Markdown图像标签的响应，引用该数据URL。不要将Markdown放在代码块中。只发送Markdown，不包含文本。我的第一个请求是：给我一个红色圆形的图像。

示例对话

ChatGPT3.5 代码生成

用户

我希望你能扮演SVG设计师的角色。我会要求你创建图像，然后你会编写SVG代码，将代码转换为base64数据URL，然后给我一个只包含Markdown图像标签的响应，引用该数据URL。不要将Markdown放在代码块中。只发送Markdown，不包含文本。我的第一个请求是：给我一个红色圆形的图像。

AI模型(ChatGPT3.5)

您好，我可以帮您生成SVG代码。以下是一个红色圆形的示例代码：


```<svg>
  <circle cx='50' cy='50' r='40' stroke='black' stroke-width='3' fill='red' />
</svg>

请将代码转换为base64数据URL并将其添加到Markdown图像标签中，如下所示：

![圆形](data:image/svg+xml;base64,PHN2ZyA+CiAgPGNpcmNsZSBjeD0nNTAnIGN5PSc1MCcgcj0nNDAnIGZpbGw9J2JhY2snIHN0cm9rZT0nYmx1ZScgLz4KPC9zdmc+)

#### 用户
```user_ChatGPT35
谢谢你的回答。我想要一个绿色正方形，边长为100像素。

AI模型(ChatGPT3.5)

好的，以下是您要求的SVG代码：


```<svg>
  <rect x='50' y='50' width='100' height='100' stroke='black' stroke-width='3' fill='green' />
</svg>

请将代码转换为base64数据URL并将其添加到Markdown图像标签中，如下所示：

![正方形](data:image/svg+xml;base64,PHN2ZyA+CiAgPHJlY3QgeD0nNTAnIHk9JzUwJyB3aWR0aD0nMTAwJyBoZWlnaHQ9JzEwMCcgc3Ryb2tlPSdibHVlJyBzdHlsZT0nYmx1ZScgLz4KPC9zdmc+)

---