watermask 水印组件

为内容添加需要的水印效果

基本使用

为内容添加水印

hellojackhui

<WaterMask content={'mask'} style={{ width: '100%', height: '300px' }}>
  <div
    style={{
      textAlign: 'center',
      transform: 'translate(0px, 130px)',
    }}
  >
    hellojackhui
  </div>
</WaterMask>

<WaterMask content={'mask'} style={{ width: '100%', height: '300px' }}>
  <div
    style={{
      textAlign: 'center',
      transform: 'translate(0px, 130px)',
    }}
  >
    hellojackhui
  </div>
</WaterMask>

属性

属性名	名称	类型	默认值
content	水印内容	String	-
width	水印界面宽度	[String, Number]	300
height	水印界面高度	[String, Number]	200
textAlign	水印文字对其模式｜String	left
textBaseline	水印文字基准线｜String	bottom
container	水印组件所在元素｜node	document.body
font	水印组件文字	String	16px Microsoft Yahei
fillStyle	水印组件文字颜色	String	#000
globalAlpha	设置图形和图像透明度的值	Number	0.1
rotate	文字旋转角度	Number	16
zIndex	元素堆叠顺序	Number	1000

watermask 水印组件

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}基本使用

属性

基本使用