16 lines
402 B
JavaScript
16 lines
402 B
JavaScript
import { useCanvas } from '@/hooks/useCanvas'
|
|
import { useRef } from 'react'
|
|
import { useEvent } from '@/hooks/useEvent'
|
|
|
|
export default function CanvasFrame() {
|
|
const canvasRef = useRef(null)
|
|
useCanvas('canvas')
|
|
useEvent()
|
|
|
|
return (
|
|
<div className="canvas-frame" style={{ display: 'flex', justifyContent: 'center' }}>
|
|
<canvas ref={canvasRef} id={'canvas'}></canvas>
|
|
</div>
|
|
)
|
|
}
|