# react-native-textwatermark

> 自定义背景水印

Latest version **1.0.0** (published 2017-05-11) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-native-textwatermark
pnpm add react-native-textwatermark
yarn add react-native-textwatermark
bun add react-native-textwatermark
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2017-05-11 |
| First published | 2017-05-11 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | 啊龙 |
| Maintainers | cjp |

## Links

- npm: https://www.npmjs.com/package/react-native-textwatermark
- Repository: https://github.com/2207345508/react-native-textwatermark
- Homepage: https://github.com/2207345508/react-native-textwatermark#readme
- Issues: https://github.com/2207345508/react-native-textwatermark/issues
- npm.io page: https://npm.io/package/react-native-textwatermark

## Dependencies (3)

- [react](https://npm.io/package/react.md) 16.0.0-alpha.6
- [react-native](https://npm.io/package/react-native.md) 0.44.0
- [react-native-svg](https://npm.io/package/react-native-svg.md) ^5.1.8

## Recent versions

- 1.0.0 (latest) — 2017-05-11

## README

# 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,                                               //水印文字内容
 }

---
_Source: https://npm.io/package/react-native-textwatermark · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._