0.9.0-alpha05 • Published 4 years ago
nativescript-canvas-plugin v0.9.0-alpha05
NativeScript Canvas
Powered by
- CanvasNative - Rust
- CanvasNative - IOS
- CanvasNative - Android
Installation
tns plugin add nativescript-canvas-plugin
Note min ios support atm 11 | min android support 17
IMPORTANT: ensure you include xmlns:canvas="nativescript-canvas-plugin" on the Page element for core {N}
Usage
<canvas:TNSCanvas id="canvas" width="100%" height="100%" ready="canvasReady"/>
2D
let ctx;
let canvas;
export function canvasReady(args) {
console.log('canvas ready');
canvas = args.object;
console.log(canvas);
ctx = canvas.getContext('2d');
ctx.fillStyle = 'green';
ctx.fillRect(10, 10, 150, 100);
}
WEBGL
let gl;
let canvas;
export function canvasReady(args) {
console.log('canvas ready');
canvas = args.object;
gl = canvas.getContext('webgl'); // 'webgl' || 'webgl2'
gl.viewport(0, 0,
gl.drawingBufferWidth, gl.drawingBufferHeight);
// Set the clear color to darkish green.
gl.clearColor(0.0, 0.5, 0.0, 1.0);
// Clear the context with the newly set color. This is
// the function call that actually does the drawing.
gl.clear(gl.COLOR_BUFFER_BIT);
canvas.flush(); // must be called to draw on screen
}
API
0.9.0-alpha05
4 years ago
0.9.0-alpha03
4 years ago
0.9.0-alpha04
4 years ago
0.9.0-alpha02
4 years ago
0.9.0-alpha01
4 years ago
0.8.0
4 years ago
0.7.0
4 years ago
0.6.0
4 years ago
0.5.2
4 years ago
0.5.1
4 years ago
0.5.0
4 years ago
0.4.1
4 years ago
0.4.0
4 years ago
0.3.0
4 years ago
0.3.2
4 years ago
0.3.1
4 years ago
0.2.1
4 years ago
0.2.0
4 years ago
0.0.1
5 years ago