Как реализовать drawing canvas?

Middle
157 просмотров
AFK Offer AI

Canvas 2D: mousedown начинает рисование (isDrawing = true), mousemove рисует линию (ctx.lineTo + ctx.stroke), mouseup заканчивает. Touch события для мобильных. Инструменты: кисть (lineTo), ластик (globalCompositeOperation: destination-out), фигуры (rect, arc). Цвет: ctx.strokeStyle. Толщина: ctx.lineWidth. Undo: сохраняй canvas.toDataURL() в стек, восстанавливай drawImage. Или сохраняй массив действий, перерисовывай полностью. Сохранение: canvas.toBlob() → download. Smooth lines: lineCap = "round", lineJoin = "round".

Следующий вопрос

Что такое streaming в Next.js?