Support

Install

``bash
$ npm install universal-canvas-context --save
`

Usage

`js
import { createElement, useEffect, Fragment } from 'rax';
import createCanvasContext from 'universal-canvas-context';

function App() {
useEffect(() => {
createCanvasContext('canvasId', '2d').then(context => {
context.fillStyle = 'red';
context.fillRect(0, 0, 100, 100);
context.draw();
});
}, []);

return (<>

)
}
`
You can also import from the big package:

`js
import {createCanvasContext} from 'universal-api';
`


Methods

$3

Only in MiniApp, the return context has valid draw method.

`js
createContext("canvasId").then((context) => {
context.fillStyle = 'red';
context.fillRect(0, 0, 100, 100);
// Only in alibaba miniapp, draw isn't an empty function
context.draw();
});
`

`jsx | inline
/**
* iframe: true
*/
import React from 'react';
export default () => (

);
``

wechat miniprogram