Как проверить состояние клавиатуры при рисовании на холсте HTML5?

Question

Я просто немного слоняюсь с холстом HTML5 и рисованием. Мне довелось найти эту статью от Opera, которая хорошо описывает, как настроить простое приложение.

Я хотел бы расширить его, чтобы пользователь мог установить точку схода (перспектива 1 точка), которая может использоваться для ограничения рисования. Чтобы разрешить это, мне нужно найти способ определить некоторые ключи-модификаторы для ограничения результата (т. Е. Карта ограничений как (key => axis) a => x, s => y, d => z).

Есть ли способ проверить, какая клавиша нажата пользователем при обработке события "mousedown"?

Answer 1

AFAIK он будет работать только тогда, когда документ имеет фокус.

Вы должны добавить слушателя к телу, присутствующему для события нажатия клавиши, когда оно срабатывает, вы сохраняете его в переменной, очищая его впоследствии, когда пользователь запускает отпускание клавиши, пример должен быть таким:

document.body.onkeydown=function(evt){evt=evt?evt:window.event;console.log(evt)};
document.body.onkeyup=function(evt){evt=evt?evt:window.event;console.log(evt)};

тогда вам нужно только идентифицировать evt.keyCode и действовать с ним.

Вы также можете попробовать сторонние библиотеки, такие как shortcut.js .