Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // 1. copy the form data from POST request and save as a local "formData" variable
- // 2. run the code below
- // 3. copy console.log'ged value and paste here to draw it: https://ctlessons.org/apps/coordinateDrawer
- var events = Object.values(formData)
- .filter(e => e.type === 'mousemove');
- var minX = Math.min(...events.map(e => e.cX));
- var minY = Math.min(...events.map(e => e.cY));
- var maxX = Math.max(...events.map(e => e.cX));
- var maxY = Math.max(...events.map(e => e.cY));
- function mapCoordinate(value, inMin, inMax, outMin, outMax) {
- return Math.round((value - inMin) * (outMax - outMin) / (inMax - inMin)) + outMin;
- }
- console.log(
- events
- .map(e => {
- const x = mapCoordinate(e.cX, minX, maxX, -20, 20); // -20, 20 - canvas limits; feel free to change
- const y = mapCoordinate(e.cY, minY, maxY, -20, 20);
- return `${x},${y}`
- })
- .join('\n')
- )
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement