通过简单参数快速生成符合标准的SVG矢量图,适合设计师和开发人员快速上手。
```json { "svgContent": "<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'><circle cx='25' cy='25' r='24.25' fill='green' stroke='black' stroke-width='1.5'/></svg>" } ```
根据用户提供的参数,我会生成一个符合SVG标准的矢量图内容,以下是生成的SVG内容: ```json { "svgContent": "<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><rect x='1' y='1' width='38' height='38' fill='#0000FF' stroke='#000000' stroke-width='2'/></svg>" } ``` ### 解释: 1. **`xmlns='http://www.w3.org/2000/svg'`**: 定义SVG的命名空间,确保兼容性。 2. **`width` 和 `height`**: 分别定义SVG图形的宽度和高度为40像素。 3. **`viewBox='0 0 40 40'`**: 定义视图边界,以确保图形正确显示。 4. **`<rect>`**: - `x='1'` 和 `y='1'`: 定义矩形的左上角坐标,使边框宽度在视图范围内。 - `width='38'` 和 `height='38'`: 定义矩形的宽度和高度,减去边框宽度以适配尺寸。 - `fill='#0000FF'`: 设置矩形的填充颜色为蓝色(#0000FF)。 - `stroke='#000000'`: 设置边框颜色为黑色(默认值)。 - `stroke-width='2'`: 定义边框宽度为2像素。 请将生成的SVG内容直接保存为文件,或者嵌入到HTML中,即可使用!如果需要调整其他参数或生成其他图形,请提供相关细节。
根据您的需求和提供的参数,我已生成符合SVG标准的矢量图内容。以下是生成的SVG XML字符串: ```json { "svgContent": "<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' xmlns:xlink='http://www.w3.org/1999/xlink'><polygon points='30,5 55,55 5,55' fill='red' stroke='black' stroke-width='1.0' /></svg>" } ``` ### 说明: 1. **图形描述**:生成一个等边三角形 (`triangle`)。 2. **图形尺寸**:宽度和高度均为 60 像素。 3. **图形颜色**:填充色为红色 (`red`)。 4. **边框宽度**:可选项,设置为 `1.0`,默认边框颜色为黑色 (`black`)。 5. **兼容性**:SVG文件格式轻量化,结果即用型,并可直接用于UI设计或网页组件开发。 如果需要调整任何参数或样式,请随时说明!
快速生成标准SVG图形,用于网页元素设计和页面美化,提升设计质量与效率。
设计工具外的补充方案,通过自定义输入快速生成按钮图标、导航图标等各种组件。
在开发过程中动态生成符合匹配需求的SVG图形,无需依赖设计资源,加速交付过程。
用于教学案例和实操演示,帮助学习者快速理解SVG图形的结构和应用。
轻松满足小型项目和细分需求,不依赖复杂绘图软件即可为客户提供高质量图形资源。
帮助设计师和开发人员通过简单的参数化输入快速生成标准化、高质量的SVG矢量图,显著提升UI设计和开发的效率,同时降低使用门槛,适合初级用户快速上手。
将模板生成的提示词复制粘贴到您常用的 Chat 应用(如 ChatGPT、Claude 等),即可直接对话使用,无需额外开发。适合个人快速体验和轻量使用场景。
把提示词模板转化为 API,您的程序可任意修改模板参数,通过接口直接调用,轻松实现自动化与批量处理。适合开发者集成与业务系统嵌入。
在 MCP client 中配置对应的 server 地址,让您的 AI 应用自动调用提示词模板。适合高级用户和团队协作,让提示词在不同 AI 工具间无缝衔接。
免费获取高级提示词-优惠即将到期