Crosshair Line Tracker

1// ==UserScript==
2// @name		Crosshair Line Tracker
3// @description		A new extension
4// @version		1.0.1
5// @match		https://*.tacadinha.com/*
6// @icon		https://tacadinha.com/favicon-32x32.png
7// @grant		none
8// ==/UserScript==
9(function() {
10    'use strict';
11
12    let canvas = document.createElement('canvas');
13    canvas.width = window.innerWidth;
14    canvas.height = window.innerHeight;
15
16    canvas.style.position = 'fixed';
17    canvas.style.top = '0';
18    canvas.style.left = '0';
19    canvas.style.pointerEvents = 'none';
20    canvas.style.zIndex = '9999';
21
22    document.body.appendChild(canvas);
23
24    let ctx = canvas.getContext('2d');
25
26    document.addEventListener('mousemove', function(e){
27        ctx.clearRect(0, 0, canvas.width, canvas.height);
28
29        ctx.beginPath();
30        ctx.moveTo(window.innerWidth/2, window.innerHeight/2);
31        ctx.lineTo(e.clientX*4, e.clientY*4);
32
33        ctx.strokeStyle = 'red';
34        ctx.lineWidth = 2;
35        ctx.stroke();
36    });
37
38    // Handle window resize
39    window.addEventListener('resize', function() {
40        canvas.width = window.innerWidth;
41        canvas.height = window.innerHeight;
42    });
43
44})();