feat wip use setBlended pixel for drawing lines

Author: EscapedGibbon

src/Image.ts

@@ -437,7 +437,9 @@ export class Image {
     channel: number,
     value: number,
   ): void {
-    this.data[(row * this.width + column) * this.channels + channel] = value;
+    if (column >= 0 && column < this.width && row >= 0 && row < this.height) {
+      this.data[(row * this.width + column) * this.channels + channel] = value;
+    }
   }
 
   /**

src/draw/drawLineOnImage.ts

@@ -4,6 +4,7 @@ import { Image } from '../Image';
 import { Point } from '../utils/geometry/points';
 import { getDefaultColor } from '../utils/getDefaultColor';
 import { getOutputImage } from '../utils/getOutputImage';
+import { setBlendedPixel } from '../utils/setBlendedPixel';
 import checkProcessable from '../utils/validators/checkProcessable';
 import { validateColor } from '../utils/validators/validators';
 
@@ -56,7 +57,7 @@ export function drawLineOnImage(
     Math.round(origin.column + to.column),
     Math.round(origin.row + to.row),
     (column: number, row: number) => {
-      newImage.setVisiblePixel(column, row, color);
+      setBlendedPixel(newImage, column, row, { color });
     },
   );
   return newImage;

src/utils/setBlendedPixel.ts

@@ -28,14 +28,14 @@ export function setBlendedPixel(
   const { color = getDefaultColor(image) } = options;
 
   if (!image.alpha) {
-    image.setPixel(column, row, color);
+    image.setVisiblePixel(column, row, color);
   } else {
     assert(image instanceof Image);
 
     const sourceAlpha = color.at(-1) as number;
 
     if (sourceAlpha === image.maxValue) {
-      image.setPixel(column, row, color);
+      image.setVisiblePixel(column, row, color);
       return;
     }