绘制SVG格式的图像

问：生成大小为200*60的logo的SVG代码，要求：背景为透明色；布局为左右结构，左边为一个机器人形状的简笔图，右边为文字SPHAI；要求风格现代，色调明快。

ChatGPT：

以下是满足您要求的SVG代码：

<svg xmlns=”http://www.w3.org/2000/svg” viewBox=”0 0 200 60″>

<rect x=”0″ y=”0″ width=”200″ height=”60″ fill=”rgba(0,0,0,0)”/>

<!– 左边机器人形状 –>

<rect x=”10″ y=”10″ width=”40″ height=”40″ rx=”10″ fill=”#00ADB5″/>

<rect x=”15″ y=”15″ width=”8″ height=”20″ fill=”#FFFFFF”/>

<rect x=”27″ y=”15″ width=”8″ height=”10″ fill=”#FFFFFF”/>

<rect x=”27″ y=”25″ width=”8″ height=”10″ fill=”#FFFFFF”/>

<rect x=”15″ y=”35″ width=”20″ height=”8″ fill=”#FFFFFF”/>

<!– 右边文字 –>

<text x=”70″ y=”45″ font-size=”32″ font-family=”Arial, sans-serif” fill=”#00ADB5″ font-weight=”bold”>SPHAI</text>

</svg>

解释一下代码：

– `viewBox=”0 0 200 60″` 定义了可见区域大小为200px x 60px，方便在网页中缩放SVG元素。

– `<rect x=”0″ y=”0″ width=”200″ height=”60″ fill=”rgba(0,0,0,0)”/>` 定义了一个透明矩形作为背景。

– 机器人的部分使用了5个`<rect>` 元素来定义，分别是机器人的整体、眼睛和嘴巴，和两条腿的矩形。

– `<text>` 元素用于定义文本，这里在右边设计为文字”SPHAI”。

– `font-size` 设置文本字体大小，`font-family` 设置字体，`fill` 设置字体颜色，`font-weight` 设置为加粗。

在在线SVG图片预览工具中预览效果，再再逐步调整prompt，直至获得满意的回答。