瀏覽代碼

Listen for movement on the document, not the canvas

This way, parts of the side of the image can be revealed.
master
Fen Dweller 6 年之前
父節點
當前提交
10b09a3e9c
共有 1 個文件被更改,包括 2 次插入2 次删除
  1. +2
    -2
      xray.js

+ 2
- 2
xray.js 查看文件

@@ -55,13 +55,13 @@ document.addEventListener("DOMContentLoaded", e => {


const overlay = document.querySelector("#overlay"); const overlay = document.querySelector("#overlay");
overlay.addEventListener("mousemove", e => {
document.addEventListener("mousemove", e => {
let x = e.clientX - e.target.getBoundingClientRect().x; let x = e.clientX - e.target.getBoundingClientRect().x;
let y = e.clientY - e.target.getBoundingClientRect().y; let y = e.clientY - e.target.getBoundingClientRect().y;
updateOverlay([[x,y]]); updateOverlay([[x,y]]);
}); });


overlay.addEventListener("touchmove", e => {
document.addEventListener("touchmove", e => {
let offsetX = e.target.getBoundingClientRect().x; let offsetX = e.target.getBoundingClientRect().x;
let offsetY = e.target.getBoundingClientRect().y; let offsetY = e.target.getBoundingClientRect().y;




Loading…
取消
儲存