23 lines
560 B
JavaScript
23 lines
560 B
JavaScript
import { DPR } from './constants';
|
|
import { createElement } from './minifiers';
|
|
|
|
export function setupCanvas(container, { width, height }) {
|
|
const canvas = createElement('canvas');
|
|
|
|
canvas.width = width * DPR;
|
|
canvas.height = height * DPR;
|
|
canvas.style.width = '100%';
|
|
canvas.style.height = `${height}px`;
|
|
|
|
const context = canvas.getContext('2d');
|
|
context.scale(DPR, DPR);
|
|
|
|
container.appendChild(canvas);
|
|
|
|
return { canvas, context };
|
|
}
|
|
|
|
export function clearCanvas(canvas, context) {
|
|
context.clearRect(0, 0, canvas.width, canvas.height);
|
|
}
|