欢迎任何讨论。谢谢阅读!
我正在尝试使用 Konva.js 实现简单的纸张(白板)。
到目前为止,我已经在纸上实现了拖动、缩放和自由绘图。
我提到
我只想在米色背景的区域上绘制,并且我想精确地在指针下方绘制,即使它被缩放或拖动。
但自由绘图以及拖动和缩放功能不能很好地协同工作。
拖动或缩放后无法正确绘制。
我认为以下两部分有问题。
最低代码在这里。
/* ---- Mode management ---- */
let modeSelector = document.getElementById('mode-selector');
let mode = modeSelector.value;
modeSelector.addEventListener('change', () => {
// Discaed event handlers used by old mode
switch (mode) {
case 'Hand': {
endHand();
break;
}
case 'Pen': {
endPen();
break;
}
}
// Set event handlers for new mode
mode = modeSelector.value;
switch (mode) { …Run Code Online (Sandbox Code Playgroud)