1. 图片生成
imgrender 开放 API
  • 接入必读
  • 状态码与错误码
  • 图片生成
    • 同步生成图片-v1
      POST
    • 同步生成图片-v2
      POST
  • 数据模型
    • 图片生成
      • 蓝图
      • 组件-文本
      • 组件-图片
      • 组件-直线
      • 组件-矩形
      • 组件-二维码
      • 通用属性-边框
      • 通用属性-边框圆角
    • 通用 Response
    • 通用错误码
  1. 图片生成

同步生成图片-v2

开发中
POST
/v1/images/render

请求参数

Authorization
API Key
在 header 添加参数
X-API-KEY
示例:
X-API-KEY: ********************
or
Body 参数application/json必填

示例
{
    "content": "<div tw='inline-flex flex-col items-center bg-cover bg-center px-[300px] py-[100px]' style={{backgroundImage: 'url(https://imgrender-site-1253325493.cos.ap-shanghai.myqcloud.com/tmp/20260624/backgroundImage.png)'}}><div tw='flex justify-center' id='logo区域'><img src='https://imgrender-site-1253325493.cos.ap-shanghai.myqcloud.com/tmp/20260624/logo.png' /></div><div style={{marginTop: '100px', display: 'inline-grid'}} id='菜品区域'><img alt='菜品1' src='https://imgrender-site-1253325493.cos.ap-shanghai.myqcloud.com/tmp/20260624/dishes_1.png' style={{gridColumn: '1/2', gridRow: '1/2', maxWidth: '100%', height: 'auto', zIndex: 10, transform: 'translate(-250px, 50px)'}} /><img alt='菜品2' tw='relative z-20' src='https://imgrender-site-1253325493.cos.ap-shanghai.myqcloud.com/tmp/20260624/dishes_2.png' style={{gridColumn: '1/2', gridRow: '1/2', maxWidth: '100%', height: 'auto', zIndex: 20, transform: 'translate(0px, 200px)'}} /><img alt='菜品3' tw='relative z-10' src='https://imgrender-site-1253325493.cos.ap-shanghai.myqcloud.com/tmp/20260624/dishes_3.png' style={{gridColumn: '1/2', gridRow: '1/2', maxWidth: '100%', height: 'auto', zIndex: 10, transform: 'translate(300px, 0px)'}} /></div><div tw='mt-[300px] flex justify-center' id='标题区域'><div tw='relative flex items-center justify-center'><img tw='col-start-1 row-start-1' style={{height: 148}} src='https://imgrender-site-1253325493.cos.ap-shanghai.myqcloud.com/tmp/20260624/tittle_bg.png' id='标题花边' /><p tw='absolute text-[96px] font-normal leading-none tracking-[0.3846px] text-[#799702] text-center'>特色 2 ~ 3 人餐</p></div></div></div>",
    "format": "png"
}

请求示例代码

Shell
JavaScript
Java
Swift
Go
PHP
Python
HTTP
C
C#
Objective-C
Ruby
OCaml
Dart
R
请求示例请求示例
Shell
JavaScript
Java
Swift
cURL
curl --location 'https://api.imgrender.net/open/v1/images/render' \
--header 'X-API-KEY: <api-key>' \
--header 'Content-Type: application/json' \
--data '{
    "content": "<div tw='\''inline-flex flex-col items-center bg-cover bg-center px-[300px] py-[100px]'\'' style={{backgroundImage: '\''url(https://imgrender-site-1253325493.cos.ap-shanghai.myqcloud.com/tmp/20260624/backgroundImage.png)'\''}}><div tw='\''flex justify-center'\'' id='\''logo区域'\''><img src='\''https://imgrender-site-1253325493.cos.ap-shanghai.myqcloud.com/tmp/20260624/logo.png'\'' /></div><div style={{marginTop: '\''100px'\'', display: '\''inline-grid'\''}} id='\''菜品区域'\''><img alt='\''菜品1'\'' src='\''https://imgrender-site-1253325493.cos.ap-shanghai.myqcloud.com/tmp/20260624/dishes_1.png'\'' style={{gridColumn: '\''1/2'\'', gridRow: '\''1/2'\'', maxWidth: '\''100%'\'', height: '\''auto'\'', zIndex: 10, transform: '\''translate(-250px, 50px)'\''}} /><img alt='\''菜品2'\'' tw='\''relative z-20'\'' src='\''https://imgrender-site-1253325493.cos.ap-shanghai.myqcloud.com/tmp/20260624/dishes_2.png'\'' style={{gridColumn: '\''1/2'\'', gridRow: '\''1/2'\'', maxWidth: '\''100%'\'', height: '\''auto'\'', zIndex: 20, transform: '\''translate(0px, 200px)'\''}} /><img alt='\''菜品3'\'' tw='\''relative z-10'\'' src='\''https://imgrender-site-1253325493.cos.ap-shanghai.myqcloud.com/tmp/20260624/dishes_3.png'\'' style={{gridColumn: '\''1/2'\'', gridRow: '\''1/2'\'', maxWidth: '\''100%'\'', height: '\''auto'\'', zIndex: 10, transform: '\''translate(300px, 0px)'\''}} /></div><div tw='\''mt-[300px] flex justify-center'\'' id='\''标题区域'\''><div tw='\''relative flex items-center justify-center'\''><img tw='\''col-start-1 row-start-1'\'' style={{height: 148}} src='\''https://imgrender-site-1253325493.cos.ap-shanghai.myqcloud.com/tmp/20260624/tittle_bg.png'\'' id='\''标题花边'\'' /><p tw='\''absolute text-[96px] font-normal leading-none tracking-[0.3846px] text-[#799702] text-center'\''>特色 2 ~ 3 人餐</p></div></div></div>",
    "format": "png"
}'

返回响应

🟢200成功
application/json
Bodyapplication/json

示例
{
    "code": 0,
    "message": "string",
    "data": {
        "url": "string"
    }
}
修改于 2026-06-24 17:03:21
上一页
同步生成图片-v1
下一页
蓝图
Built with