imgrender

布局

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

imgrender 支持 CSS Flexbox 和 Grid 布局。

Box Model

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

自适应宽高

imgrender 可以根据内容自适应宽高。你也可以指定 width 和 height 来约定视图大小,从而约束生成的图片的宽高,参考 生成图片 API - 请求参数

图像尺寸

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

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

On this page