react-native-textwatermark v1.0.0
react-native-WaterMark
自定义背景水印
Usage import React, { Component } from 'react';
export default class ExampleComponent extends Component { constructor(props, context) { super(props, context); }
render() { return ( <WaterMark text = {'hello world'} /> ); } };
Container Style WaterMark.propTypes = { canvasWid: PropTypes.oneOfType(PropTypes.string , PropTypes.number), //水印画布的宽度 canvasHei: PropTypes.oneOfType(PropTypes.string , PropTypes.number), //水印画布的高度 rotate: PropTypes.oneOfType(PropTypes.string , PropTypes.number), //文字旋转角度 txtSpace: PropTypes.oneOfType(PropTypes.string , PropTypes.number), //水印文字之间的行间距 txtLines: PropTypes.oneOfType(PropTypes.string , PropTypes.number), //水印的列数 txtOriginY: PropTypes.oneOfType(PropTypes.string , PropTypes.number), //文字距离画布上边界的距离 txtFont: PropTypes.oneOfType(PropTypes.string , PropTypes.number), //水印字体大小 txtColor: PropTypes.string, //水印字体颜色 text: PropTypes.string, //水印文字内容 }
7 years ago