proper color blinking in caret

dist/assets/a-doc-editor2.js

@@ -18,7 +18,7 @@ var ADocEditor = function (customConfig) {
             fontFamily: 'Calibri',
             bold: false,
             italic: false,
-            fontColor: "#001"
+            fontColor: "#f01"
         },
     }
     config = JSON.parse(JSON.stringify(defaultConfig))
@@ -194,6 +194,7 @@ var ADocEditor = function (customConfig) {
 
         calculateTextSizeAndPosition()
         renderLines()
+        caretData.previousCaret = null
         renderCaret()
 
         function calculateTextSizeAndPosition() {
@@ -269,6 +270,7 @@ var ADocEditor = function (customConfig) {
 
                 ctx.restore()
             }
+            return
 
         }
 
@@ -302,6 +304,7 @@ var ADocEditor = function (customConfig) {
 
                 ctx.restore()
             }
+            return
         }
 
         function renderCaret() {
@@ -310,46 +313,36 @@ var ADocEditor = function (customConfig) {
             ctx.save()
 
             if (caretData.previousCaret) {
-
-
-                const imageData = ctx.getImageData(caretData.style.x, caretData.style.y, caretData.style.fontSize / 5, caretData.style.fontSize);
-                const data = imageData.data;
-
-                // Invert the color of the rectangular region
-                for (let i = 0; i < data.length; i += 4) {
-                    data[i] = data[i] + 255; // Red
-                    data[i + 1] = data[i + 1] + 255; // Green
-                    data[i + 2] = data[i + 2] + 255; // Blue
-                    // Alpha channel remains unchanged (data[i + 3])
-                    ctx.putImageData(imageData, 100, 200);
-                }
+                ctx.putImageData(caretData.previousCaret.imageData, caretData.previousCaret.x, caretData.previousCaret.y);
                 caretData.previousCaret = null
             }
             if (!caretData.blink) {
                 
-                console.log(caretData.style.x, caretData.style.y, caretData.style.fontSize / 5, caretData.style.fontSize)
-                const imageData = ctx.getImageData(caretData.style.x, caretData.style.y, caretData.style.fontSize / 5, caretData.style.fontSize);
+                let x = config.format.margin*pxMmRatio
+                let y = (config.format.margin)*pxMmRatio
+                let height = config.style.fontSize*pxMmRatio*5/4
+                let width = height/8
+                const imageData = ctx.getImageData(x, y, width, height);
                 const data = imageData.data;
-
+                caretData.previousCaret = { imageData: structuredClone(imageData), x, y }
                 // Invert the color of the rectangular region
                 for (let i = 0; i < data.length; i += 4) {
                     data[i] = 255 - data[i]; // Red
                     data[i + 1] = 255 - data[i + 1]; // Green
                     data[i + 2] = 255 - data[i + 2]; // Blue
                     // Alpha channel remains unchanged (data[i + 3])
-                    ctx.putImageData(imageData, 100, 200);
                 }
-                caretData.previousCaret = [caretData.style.x, caretData.style.y, caretData.style.fontSize / 5, caretData.style.fontSize]
+                ctx.putImageData(imageData, x, y);
                 caretData.blink = true
             } else {
                 caretData.blink = false
             }
-            ctx.restore()
-
 
+            ctx.restore()
             caretData.timeout = setTimeout(() => {
                 renderCaret()
             }, caretData.timeoutDuration)
+            return
         }
         function getCharacterWidth(char, style) {
             console.log('style', style)
@@ -395,7 +388,8 @@ var ADocEditor = function (customConfig) {
 
         function keydownHandler(e) {
             console.clear()
-            if (e.key == 'Backspace') {
+            if (e.altKey) return
+            else if (e.key == 'Backspace') {
                 if (caretData.index == 0) {
                     let activeDataIndex = dataList.findIndex( item => item.id==caretData.activeData.id )
                     if (activeDataIndex>0){