archive-gh-me/gl-react
1
0
Fork 0
mirror of https://github.com/gre/gl-react.git synced 2026-01-18 16:16:59 +00:00
Code Issues Projects Releases Wiki Activity

Update 3.md

Browse Source
This commit is contained in:
Gaëtan Renaudeau 2015-08-31 11:14:11 +02:00
parent 09df1607b3
commit 0cdf537e39
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
docs/examples/3.md
View File

@ -1,6 +1,9 @@
# Hue Rotate on Text+Image
`gl-react-native` not only allows to add effects on top of images but also on top of **any** content. This example shows the Hue rotation effect on top of **texts and image**.
`gl-react` not only allows to add effects on top of images but also on top of **any** content. This example shows the Hue rotation effect on top of **texts and image**.
**`gl-react-native` version:**
```html
<HueRotate
@ -13,6 +16,23 @@
</HueRotate>
```
**`gl-react` version:** (using `react-canvas`)
```html
<HueRotate
width={256}
height={180}
hue={hue}>
<ReactCanvasContentExample width={256} height={180} text={text} />
<Surface width={256} height={180} top={0} left={0}>
<Image src="http://i.imgur.com/qVxHrkY.jpg" style={{ width: 256, height: 244, top: 0, left: 0 }} />
<Text style={styles.demospan1}>Throw me to the wolves</Text>
<Text style={styles.demospan2}>and I will return</Text>
<Text style={styles.demospan3}>{text}</Text>
</Surface>
</HueRotate>
```
![](3.gif)
## Implementation