0.2.0 • Published 3 months ago
@ice/cache-canvas v0.2.0
@ice/cache-canvas
React component for supporting canvas for cache.
Usage
npm i @ice/cache-canvas -S
import MainGame from './game'; // eva.js 的封装
const GAME_CANVAS = 'game-canvas';
export default (props) => {
useEffect(() => {
const gameEl = document.getElementById(GAME_CANVAS);
new MainGame(gameEl, getGameHeight());
}, []);
const init = () => {
return new Promise((resolve) => {
const canvas: HTMLCanvasElement | null = document.getElementById(GAME_CANVAS_ID) as HTMLCanvasElement;
if (canvas && typeof canvas.getContext === 'function') {
let ctx: CanvasRenderingContext2D | null = canvas.getContext('2d');
ctx?.fillRect(25, 25, 100, 100);
ctx?.clearRect(45, 45, 60, 60);
ctx?.strokeRect(50, 50, 50, 50);
}
setTimeout(() => {
console.log('canvas paint ready!');
resolve(true);
}, 5000);
});
}
return (
<>
<CanvasCache id={GAME_CANVAS} useCache={false} init={init} />
</>
);
};
0.2.0
3 months ago
0.1.1
3 months ago
0.1.0
4 months ago
0.0.13-canary-1e4b20af8-20230907064901
8 months ago
0.0.13-canary-1e4b20af8-20230907063923
8 months ago
0.0.17
8 months ago
0.0.16
9 months ago
0.0.15
9 months ago
0.0.13
9 months ago
0.0.12-canary-9727fc73f-20230821060459
9 months ago
0.0.12
9 months ago
0.0.11
9 months ago
0.0.10
9 months ago
0.0.9
10 months ago
0.0.9-canary-92ec144fd-20230719091543
10 months ago
0.0.9-canary-b691b9e96-20230719090904
10 months ago
0.0.8
10 months ago
0.0.7
10 months ago
0.0.6
10 months ago
0.0.5
10 months ago
0.0.3
10 months ago
0.0.2
10 months ago
0.0.1
10 months ago