102 lines
3.5 KiB
TypeScript
102 lines
3.5 KiB
TypeScript
import { DrawPosterUseOpts } from '../../utils/interface';
|
||
import { ImageFitOption } from '../draw-function/draw-image-fit';
|
||
/** 矩形基本信息 */
|
||
interface PainterItemSize {
|
||
/** 容器的宽度，固定值 */
|
||
width: number;
|
||
/** 容器的高度，固定值 */
|
||
height: number;
|
||
}
|
||
/** 元素位置信息 */
|
||
interface PainterItemSite {
|
||
/** 元素锚点距左边的距离; 默认: 0 */
|
||
left?: number;
|
||
/** 元素锚点距上边的距离; 默认: 0 */
|
||
top?: number;
|
||
}
|
||
/** 绘制图片信息 */
|
||
interface PainterImageInfo extends PainterItemSize, PainterItemSite {
|
||
/** 绘制图片元素 */
|
||
type: 'image';
|
||
/** 图片地址 */
|
||
src: string;
|
||
/** 图片自适应, 可参考 css 属性 object-fit */
|
||
objectFit?: ImageFitOption['objectFit'];
|
||
/** 图片在元素容器中显示的位置，可参考 css 属性 object-position */
|
||
position?: ImageFitOption['intrinsicPosition'];
|
||
/** 圆角尺寸; 默认: 0 */
|
||
radius?: number;
|
||
}
|
||
/** 绘制矩形信息 */
|
||
interface PainterRectInfo extends PainterItemSize, PainterItemSite {
|
||
/** 绘制矩形元素 */
|
||
type: "rect";
|
||
/** 矩形背景颜色; 默认: "#000" */
|
||
background?: string;
|
||
/** 圆角尺寸; 默认: 0 */
|
||
radius?: number;
|
||
}
|
||
/** 绘制单行文字信息 */
|
||
interface PainterTextInfo extends PainterItemSite {
|
||
/** 绘制文本元素 */
|
||
type: "text";
|
||
/** 文本颜色; 默认: "#000" */
|
||
color?: string;
|
||
/** 字体; 默认: "serial" */
|
||
fontFamily?: string;
|
||
/** 字号(单位rpx); 默认: 30 rpx */
|
||
fontSize?: number;
|
||
/** 字重; 默认: "normal" 可选项: "bold" */
|
||
fontWeight?: string;
|
||
/** 字型 默认: "normal" 可选项: "italic" */
|
||
fontStyle?: string;
|
||
/** 元素的宽度(单位rpx), 水平排布时影响后一个元素的位置，为 null 时根据文字实际占用的宽度计算 */
|
||
width?: number;
|
||
/** 文本内容 */
|
||
content: string;
|
||
}
|
||
/** 绘制多行文字信息 */
|
||
interface PainterLineFeedTextInfo extends PainterItemSite {
|
||
/** 绘制换行文本元素 */
|
||
type: "line-feed-text";
|
||
/** 文本颜色; 默认: "#000" */
|
||
color?: string;
|
||
/** 字体; 默认: "serial" */
|
||
fontFamily?: string;
|
||
/** 字号(单位rpx); 默认: 30 rpx */
|
||
fontSize?: number;
|
||
/** 字重; 默认: "normal" 可选项: "bold" */
|
||
fontWeight?: string;
|
||
/** 字型 默认: "normal" 可选项: "italic" */
|
||
fontStyle?: string;
|
||
/** 文本块的宽度，不能为空 */
|
||
width: number;
|
||
/** 行高; 默认取当前文字行高 */
|
||
lineHeight?: number;
|
||
/** 文本最大行数,超出即显示省略号; 默认3行 */
|
||
lineClamp?: number;
|
||
/** 文本内容 */
|
||
content: string;
|
||
}
|
||
/** 绘制二维码信息 */
|
||
interface PainterQrCodeInfo extends PainterItemSite {
|
||
/** 绘制换行文本元素 */
|
||
type: "qr-code";
|
||
/** 二维码尺寸 */
|
||
size: number;
|
||
/** 二维码内容 */
|
||
content: string;
|
||
/** 边距，二维码实际尺寸会根据所设边距值进行缩放调整（默认：5） */
|
||
margin?: number;
|
||
/** 背景色（默认：'#ffffff'）*/
|
||
backgroundColor?: string;
|
||
/** 前景色（默认：'#000000'） */
|
||
foregroundColor?: string;
|
||
}
|
||
export interface PainterContainerOption extends PainterItemSize {
|
||
/** 绘制项的数组 */
|
||
contents: Array<PainterImageInfo | PainterRectInfo | PainterTextInfo | PainterLineFeedTextInfo | PainterQrCodeInfo>;
|
||
}
|
||
declare const _default: DrawPosterUseOpts;
|
||
export default _default;
|