imgrender

布局

CSS Flexbox、Grid 布局、Box Model 和自适应宽高设置

imgrender 支持 CSS Flexbox 和 Grid 布局。

Box Model

imgrender 中每个元素都遵循标准的 CSS Box Model,每个元素的总大小是根据内容、padding、border、margin 计算得出的。

自适应宽高

imgrender 可以根据内容自适应宽高。你也可以在 Playground 中指定模板的 width 和 height,或在调用 基于模板生成图片 API 时通过请求参数覆盖,从而约束生成图片的宽高。

图像尺寸

默认情况下,image 将按照原始尺寸进行渲染。你可以通过指定 width 和 height 来指定图像的宽高

<img src="https://www.imgrender.net/example.png" width={1200} height={600} />

On this page