Эффект переворачивания страницы при нажатии кнопки в html5

Question

Я смотрю на это:

http://www.netmagazine.com/tutorials/create-page-flip-effect-html5-canvas

Однако у меня есть одна проблема с этим - мне нужно иметь возможность нажимать на страницы, даже по краям, безвызывая поворот страницы.Я хочу, чтобы страницы поворачивались при нажатии кнопки за пределами холста.Возможно ли это с использованием базы, которую они предоставили, или мне нужно идти в совершенно ином направлении?

Answer 1

Да, это можно сделать.

Из того, что я вижу, вам нужно событие щелчка, которое не вызывает перетаскивание страницы. Вам нужно назначить флаг для этого.

Let Drag = перетаскивание мышью / перемещение мыши , вниз = нажатие мыши , отпускание = отпуск мыши события соответственно. Инициализируйте переменную вашего флага как false. Когда событие перетаскивания встречается, оно становится истинным. В противном случае это остается ложным. Пока оно ложно, когда происходит событие отпускания мыши, его можно рассматривать как щелчок. Вот основной принцип использования mousedown и mouseup в качестве события щелчка.

Вы должны будете использовать e.srcElement или e.target , чтобы дать вам элемент, на котором курсор находится в данный момент, чтобы вызвать функции щелчка относительно этого элемента.

Если вы хотите более подробное объяснение техники переворачивания страницы, отметьте this out. Мне очень помогло.