0.0.20 • Published 3 years ago
hyext-react-native-canvas v0.0.20
A Canvas component for React Native
npm install react-native-webview
react-native link react-native-webview
npm install react-native-canvas
Usage
import React, { Component } from 'react';
import Canvas from 'react-native-canvas';
class App extends Component {
handleCanvas = (canvas) => {
const ctx = canvas.getContext('2d');
ctx.fillStyle = 'purple';
ctx.fillRect(0, 0, 100, 100);
}
render() {
return (
<Canvas ref={this.handleCanvas}/>
)
}
}
API
Canvas
Canvas#height
Reflects the height of the canvas in pixels
Canvas#width
Reflects the width of the canvas in pixels
Canvas#getContext()
Returns a canvas rendering context. Currently only supports 2d context.
Canvas#toDataURL()
Returns a Promise
that resolves to DataURL.
CanvasRenderingContext2D
Standard CanvasRenderingContext2D. MDN. Only difference is await
should be used to retrieve values from methods.
const ctx = canvas.getContext('2d');
Image
WebView Image constructor. Unlike in the browsers accepts canvas as first argument. MDN
const image = new Image(canvas, height, width);
0.0.19-beta.0
3 years ago
0.0.20
3 years ago
0.0.19
3 years ago
0.0.18
4 years ago
0.0.17
4 years ago
0.0.16
4 years ago
0.0.15
4 years ago
0.0.14
4 years ago
0.0.13
4 years ago
0.0.12
4 years ago
0.0.11
4 years ago
0.0.10
4 years ago
0.0.9
4 years ago
0.0.8
4 years ago
0.0.7
4 years ago
0.0.6
4 years ago
0.0.5
4 years ago
0.0.4
4 years ago
0.0.3
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago