7
7
</div >
8
8
<div align =" center " >
9
9
10
- [ ![ npm version] ( https://img.shields.io/npm/v/react-native-image-marker.svg?logo=npm&style=for-the-badge&label=latest )] ( https://www.npmjs.com/package/react-native-image-marker )
10
+ [ ![ npm version] ( https://img.shields.io/npm/v/react-native-image-marker.svg?logo=npm&style=for-the-badge&label=latest )] ( https://www.npmjs.com/package/react-native-image-marker )
11
11
[ ![ npm] ( https://img.shields.io/npm/dm/react-native-image-marker?logo=npm&style=for-the-badge )] ( https://www.npmjs.com/package/react-native-image-marker ) [ ![ npm] ( https://img.shields.io/npm/dt/react-native-image-marker.svg?cacheSeconds=88660&logo=npm&label=total%20downloads&style=for-the-badge )] ( https://www.npmjs.com/package/react-native-image-marker )
12
12
[ ![ stars] ( https://img.shields.io/github/stars/jimmydaddy/react-native-image-marker?logo=github&style=for-the-badge )] ( https://github.com/JimmyDaddy/react-native-image-marker ) [ ![ forks] ( https://img.shields.io/github/forks/jimmydaddy/react-native-image-marker?logo=github&style=for-the-badge )] ( https://github.com/JimmyDaddy/react-native-image-marker/fork )
13
13
[ ![ PRs Welcome] ( https://img.shields.io/badge/PRs-welcome-brightgreen.svg?logo=github&style=for-the-badge )] ( https://github.com/JimmyDaddy/react-native-image-marker/pulls ) ![ license] ( https://img.shields.io/npm/l/react-native-image-marker?style=for-the-badge )
19
19
</div >
20
20
21
21
---
22
+
22
23
> * If this library is useful to you, please give me a ⭐️. 🤩
23
24
> * If there is any bug, please submit an issue 🐛, or create a pull request 🤓.
24
25
> * If there is any problem about using this library, please contact me, or [ open a QA discussion] ( https://github.com/JimmyDaddy/react-native-image-marker/discussions/categories/q-a ) . 🤔
26
+
25
27
---
26
28
29
+ <!-- toc -->
30
+
31
+ * [ Features] ( #features )
32
+ * [ Sample] ( #sample )
33
+ * [ Usage] ( #usage )
34
+ * [ Text background fit] ( #text-background-fit )
35
+ * [ API] ( #api )
36
+ * [ Sample] ( #sample-1 )
37
+ * [ Example] ( #example )
38
+ * [ Text background stretchX] ( #text-background-stretchx )
39
+ * [ API] ( #api-1 )
40
+ * [ Sample] ( #sample-2 )
41
+ * [ Example] ( #example-1 )
42
+ * [ Text background stretchY] ( #text-background-stretchy )
43
+ * [ API] ( #api-2 )
44
+ * [ Sample] ( #sample-3 )
45
+ * [ Example] ( #example-2 )
46
+ * [ Text background border radius] ( #text-background-border-radius )
47
+ * [ API] ( #api-3 )
48
+ * [ Sample] ( #sample-4 )
49
+ * [ Example] ( #example-3 )
50
+ * [ Text with shadow] ( #text-with-shadow )
51
+ * [ API] ( #api-4 )
52
+ * [ Sample] ( #sample-5 )
53
+ * [ Example] ( #example-4 )
54
+ * [ Multiple text watermarks] ( #multiple-text-watermarks )
55
+ * [ Sample] ( #sample-6 )
56
+ * [ Example] ( #example-5 )
57
+ * [ Text rotation] ( #text-rotation )
58
+ * [ Sample] ( #sample-7 )
59
+ * [ Example] ( #example-6 )
60
+ * [ Icon watermarks] ( #icon-watermarks )
61
+ * [ Sample] ( #sample-8 )
62
+ * [ Example] ( #example-7 )
63
+ * [ Multiple icon watermarks] ( #multiple-icon-watermarks )
64
+ * [ API] ( #api-5 )
65
+ * [ Sample] ( #sample-9 )
66
+ * [ Example] ( #example-8 )
67
+ * [ Background rotation] ( #background-rotation )
68
+ * [ Sample] ( #sample-10 )
69
+ * [ Example] ( #example-9 )
70
+ * [ Icon rotation] ( #icon-rotation )
71
+ * [ Sample] ( #sample-11 )
72
+ * [ Example] ( #example-10 )
73
+ * [ Transparent background] ( #transparent-background )
74
+ * [ Sample] ( #sample-12 )
75
+ * [ Example] ( #example-11 )
76
+ * [ Transparent icon] ( #transparent-icon )
77
+ * [ Sample] ( #sample-13 )
78
+ * [ Example] ( #example-12 )
79
+ * [ Compatibility] ( #compatibility )
80
+ * [ Installation] ( #installation )
81
+ * [ iOS Pod Install (RN version < 0.60.0)] ( #ios-pod-install-rn-version--0600 )
82
+ * [ API] ( #api-6 )
83
+ * [ Save image to file] ( #save-image-to-file )
84
+ * [ Contributors] ( #contributors )
85
+ * [ Examples] ( #examples )
86
+ * [ Contributing] ( #contributing )
87
+ * [ License] ( #license )
88
+
89
+ <!-- tocstop -->
90
+
27
91
## Features
28
92
29
93
* [ Add ** multiple text** watermarks to images] ( https://jimmydaddy.github.io/react-native-image-marker/interfaces/TextMarkOptions.html#watermarkTexts )
65
129
66
130
#### Example
67
131
68
-
69
132
``` typescript
70
133
import Marker , { Position , TextBackgroundType } from " react-native-image-marker"
71
134
···
@@ -76,7 +139,7 @@ const options = {
76
139
scale: 1 ,
77
140
},
78
141
watermarkTexts: [{
79
- text: ' text marker \n multline text' ,
142
+ text: ' text marker \n multiline text' ,
80
143
positionOptions: {
81
144
position: Position .topLeft ,
82
145
},
@@ -128,7 +191,7 @@ const options = {
128
191
scale: 1 ,
129
192
},
130
193
watermarkTexts: [{
131
- text: ' text marker \n multline text' ,
194
+ text: ' text marker \n multiline text' ,
132
195
positionOptions: {
133
196
position: Position .topLeft ,
134
197
},
@@ -179,7 +242,7 @@ const options = {
179
242
scale: 1 ,
180
243
},
181
244
watermarkTexts: [{
182
- text: ' text marker \n multline text' ,
245
+ text: ' text marker \n multiline text' ,
183
246
positionOptions: {
184
247
position: Position .topLeft ,
185
248
},
@@ -292,7 +355,7 @@ const options = {
292
355
scale: 1 ,
293
356
},
294
357
watermarkTexts: [{
295
- text: ' text marker \n multline text' ,
358
+ text: ' text marker \n multiline text' ,
296
359
positionOptions: {
297
360
position: Position .topLeft ,
298
361
},
0 commit comments