Fix gradientLine.html

bug could cause it to spin EXTREMELY quickly
This commit is contained in:
Marco van Dijk 2026-02-27 15:44:37 +01:00 committed by GitHub
parent 44aa8a136a
commit ee9ee66285
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -73,12 +73,13 @@
if (h == -1 || s == -1 || l == -1) { if (h == -1 || s == -1 || l == -1) {
[h, s, l] = hexToHSL(fg); [h, s, l] = hexToHSL(fg);
} }
// Reset canvas // Reset canvas transform and clear
ctx.setTransform(1, 0, 0, 1, 0, 0);
ctx.fillStyle = bg; ctx.fillStyle = bg;
ctx.fillRect(0, 0, width, height); ctx.fillRect(0, 0, width, height);
// Update rotation of line // Update rotation of line (wrap to avoid precision loss)
rotate += speed; rotate = (rotate + speed) % 6283.185;
// Calculate useful anchor points // Calculate useful anchor points
startPoint = { startPoint = {
@ -123,4 +124,4 @@
window.requestAnimationFrame(update); window.requestAnimationFrame(update);
} }
window.requestAnimationFrame(update); window.requestAnimationFrame(update);
</script> </script>