|
|
|
@@ -2051,13 +2051,6 @@ function rotate(point, angle) { |
|
|
|
const testCtx = testCanvas.getContext("2d"); |
|
|
|
function testClick(event) { |
|
|
|
|
|
|
|
// TODO: Find a way to do this correctly. |
|
|
|
|
|
|
|
// if (navigator.userAgent.indexOf("Safari") >= 0) { |
|
|
|
// clickDown(event.target.parentElement, event.clientX, event.clientY); |
|
|
|
// return; |
|
|
|
// } |
|
|
|
|
|
|
|
testCtx.save(); |
|
|
|
|
|
|
|
const target = event.target; |
|
|
|
@@ -2067,11 +2060,10 @@ function testClick(event) { |
|
|
|
|
|
|
|
// Get click coordinates |
|
|
|
|
|
|
|
let w = target.clientWidth; |
|
|
|
let h = target.clientHeight; |
|
|
|
|
|
|
|
let w = target.width; |
|
|
|
let h = target.height; |
|
|
|
let ratioW = 1, ratioH = 1; |
|
|
|
/* |
|
|
|
|
|
|
|
// Limit the size of the canvas so that very large images don't cause problems) |
|
|
|
if (w > 1000) { |
|
|
|
ratioW = w / 1000; |
|
|
|
@@ -2083,7 +2075,7 @@ function testClick(event) { |
|
|
|
w /= ratioH; |
|
|
|
h /= ratioH; |
|
|
|
} |
|
|
|
*/ |
|
|
|
|
|
|
|
// todo remove some of this unused stuff |
|
|
|
|
|
|
|
const ratio = ratioW * ratioH; |
|
|
|
@@ -2114,11 +2106,12 @@ function testClick(event) { |
|
|
|
|
|
|
|
testCtx.resetTransform(); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
testCtx.translate(actualW/2, actualH/2); |
|
|
|
testCtx.rotate(angle); |
|
|
|
testCtx.translate(-actualW/2, -actualH/2); |
|
|
|
console.log(w, h, actualW, actualH, ratio) |
|
|
|
testCtx.drawImage(target, 0, 0, 50, 50); |
|
|
|
testCtx.drawImage(target, (actualW/2 - w/2), (actualH/2 - h/2), w, h); |
|
|
|
testCtx.fillStyle = "red"; |
|
|
|
testCtx.fillRect(actualW/2,actualH/2,10,10); |
|
|
|
|
|
|
|
|