引入

import { createWatcherMark } from 't-comm';

// 不支持 tree-shaking 的项目
import { createWatcherMark} from 't-comm/lib/watermark/index';

// 只支持 ESM 的项目
import { createWatcherMark} from 't-comm/es/watermark/index';

createWatcherMark(params)

描述：

canvas 实现 watermark

参数：

参数名	类型	描述
params	object	参数
params.container	HTMLElement	容器
params.width	number	图片宽
params.height	number	图片高
params.textAlign	string	同 ctx.textAlign
params.textBaseline	string	同 ctx.textBaseline
params.font	string	同 ctx.font
params.fillStyle	string	同 ctx.fillStyle
params.content	string	内容
params.rotate	number	旋转角度
params.zIndex	number	层级

示例

const rtx = 'pony';

createWatcherMark({
  content: rtx,
  width: '300',
  height: '300',
  textAlign: 'center',
  textBaseline: 'middle',
  font: '25px Microsoft Yahei',
  fillStyle: 'rgba(184, 184, 184, 0.3)',
  rotate: '-50',
  zIndex: 1000,
});