pixel-data-js 0.23.1 → 0.24.0

package/src/History/PixelMutator/mutatorApplyCirclePencil.ts

@@ -1,10 +1,10 @@
-import type { BlendColor32, CircleBrushMask, Color32, HistoryMutator, Rect } from '../../_types'
-import { applyCircleBrushToPixelData } from '../../PixelData/applyCircleBrushToPixelData'
+import type { BlendColor32, CircleMask, Color32, HistoryMutator, Rect } from '../../_types'
+import { blendColorPixelDataCircleMask } from '../../PixelData/blendColorPixelDataCircleMask'
 import { getCircleBrushOrPencilBounds } from '../../Rect/getCircleBrushOrPencilBounds'
 import { PixelWriter } from '../PixelWriter'
 
 const defaults = {
-  applyCircleBrushToPixelData,
+  applyCircleMaskToPixelData: blendColorPixelDataCircleMask,
   getCircleBrushOrPencilBounds,
 }
 
@@ -15,7 +15,7 @@ type Deps = Partial<typeof defaults>
  **/
 export const mutatorApplyCirclePencil = ((writer: PixelWriter<any>, deps: Deps = defaults) => {
   const {
-    applyCircleBrushToPixelData = defaults.applyCircleBrushToPixelData,
+    applyCircleMaskToPixelData = defaults.applyCircleMaskToPixelData,
     getCircleBrushOrPencilBounds = defaults.getCircleBrushOrPencilBounds,
   } = deps
 
@@ -26,33 +26,33 @@ export const mutatorApplyCirclePencil = ((writer: PixelWriter<any>, deps: Deps =
       color: Color32,
       centerX: number,
       centerY: number,
-      brush: CircleBrushMask,
+      brush: CircleMask,
       alpha = 255,
       blendFn?: BlendColor32,
-    ) {
+    ): boolean {
 
-      const bounds = getCircleBrushOrPencilBounds(
+      const target = writer.config.target
+      const b = getCircleBrushOrPencilBounds(
         centerX,
         centerY,
         brush.size,
-        writer.target.width,
-        writer.target.height,
+        target.width,
+        target.height,
         boundsOut,
       )
 
-      const { x, y, w, h } = bounds
-
-      writer.accumulator.storeRegionBeforeState(x, y, w, h)
-
-      applyCircleBrushToPixelData(
-        writer.target,
-        color,
-        centerX,
-        centerY,
-        brush,
-        alpha,
-        blendFn,
-        bounds,
+      const didChange = writer.accumulator.storeRegionBeforeState(b.x, b.y, b.w, b.h)
+      return didChange(
+        applyCircleMaskToPixelData(
+          target,
+          color,
+          centerX,
+          centerY,
+          brush,
+          alpha,
+          blendFn,
+          b,
+        ),
       )
     },
   }

package/src/History/PixelMutator/mutatorApplyCirclePencilStroke.ts

@@ -1,7 +1,7 @@
 import {
   type BinaryMask,
   type BlendColor32,
-  type CircleBrushBinaryMask,
+  type CircleBinaryMask,
   type Color32,
   type ColorBlendMaskOptions,
   type HistoryMutator,
@@ -72,7 +72,7 @@ export const mutatorApplyCirclePencilStroke = ((writer: PixelWriter<any>, deps:
       y0: number,
       x1: number,
       y1: number,
-      brush: CircleBrushBinaryMask,
+      brush: CircleBinaryMask,
       alpha = 255,
       blendFn: BlendColor32 = sourceOverPerfect,
     ) {
@@ -97,8 +97,9 @@ export const mutatorApplyCirclePencilStroke = ((writer: PixelWriter<any>, deps:
       mask.h = bh
 
       const maskData = mask.data
-      const targetWidth = writer.target.width
-      const targetHeight = writer.target.height
+      const target = writer.config.target
+      const targetWidth = target.width
+      const targetHeight = target.height
 
       forEachLinePoint(
         x0,
@@ -161,7 +162,7 @@ export const mutatorApplyCirclePencilStroke = ((writer: PixelWriter<any>, deps:
       blendColorPixelOptions.h = bh
 
       blendColorPixelDataBinaryMask(
-        writer.target,
+        target,
         color,
         mask as BinaryMask,
         blendColorPixelOptions,

package/src/History/PixelMutator/mutatorApplyRectBrush.ts

@@ -31,33 +31,33 @@ export const mutatorApplyRectBrush = ((writer: PixelWriter<any>, deps: Deps = de
       alpha = 255,
       fallOff: (dist: number) => number,
       blendFn?: BlendColor32,
-    ) {
+    ): boolean {
 
-      const bounds = getRectBrushOrPencilBounds(
+      const target = writer.config.target
+      const b = getRectBrushOrPencilBounds(
         centerX,
         centerY,
         brushWidth,
         brushHeight,
-        writer.target.width,
-        writer.target.height,
+        target.width,
+        target.height,
         boundsOut,
       )
 
-      const { x, y, w, h } = bounds
-
-      writer.accumulator.storeRegionBeforeState(x, y, w, h)
-
-      applyRectBrushToPixelData(
-        writer.target,
-        color,
-        centerX,
-        centerY,
-        brushWidth,
-        brushHeight,
-        alpha,
-        fallOff,
-        blendFn,
-        bounds,
+      const didChange = writer.accumulator.storeRegionBeforeState(b.x, b.y, b.w, b.h)
+      return didChange(
+        applyRectBrushToPixelData(
+          target,
+          color,
+          centerX,
+          centerY,
+          brushWidth,
+          brushHeight,
+          alpha,
+          fallOff,
+          blendFn,
+          b,
+        ),
       )
     },
   }

package/src/History/PixelMutator/mutatorApplyRectBrushStroke.ts

@@ -3,7 +3,8 @@ import {
   type BlendColor32,
   type Color32,
   type ColorBlendOptions,
-  type HistoryMutator, MaskType,
+  type HistoryMutator,
+  MaskType,
   type Rect,
 } from '../../_types'
 import { forEachLinePoint } from '../../Algorithm/forEachLinePoint'
@@ -107,8 +108,9 @@ export const mutatorApplyRectBrushStroke = ((writer: PixelWriter<any>, deps: Dep
       const centerOffsetX = (brushWidth % 2 === 0) ? 0.5 : 0
       const centerOffsetY = (brushHeight % 2 === 0) ? 0.5 : 0
 
-      const targetWidth = writer.target.width
-      const targetHeight = writer.target.height
+      const target = writer.config.target
+      const targetWidth = target.width
+      const targetHeight = target.height
 
       forEachLinePoint(x0, y0, x1, y1, (px, py) => {
         const {
@@ -172,7 +174,7 @@ export const mutatorApplyRectBrushStroke = ((writer: PixelWriter<any>, deps: Dep
       blendColorPixelOptions.h = bh
 
       blendColorPixelDataAlphaMask(
-        writer.target,
+        target,
         color,
         mask as AlphaMask,
         blendColorPixelOptions,

package/src/History/PixelMutator/mutatorApplyRectPencil.ts

@@ -18,7 +18,7 @@ export const mutatorApplyRectPencil = ((writer: PixelWriter<any>, deps: Deps = d
   const {
     applyRectBrushToPixelData = defaults.applyRectBrushToPixelData,
     getRectBrushOrPencilBounds = defaults.getRectBrushOrPencilBounds,
-    fallOff = defaults.fallOff
+    fallOff = defaults.fallOff,
   } = deps
 
   const boundsOut: Rect = { x: 0, y: 0, w: 0, h: 0 }
@@ -32,33 +32,33 @@ export const mutatorApplyRectPencil = ((writer: PixelWriter<any>, deps: Deps = d
       brushHeight: number,
       alpha = 255,
       blendFn?: BlendColor32,
-    ) {
+    ): boolean {
 
-      const bounds = getRectBrushOrPencilBounds(
+      const target = writer.config.target
+      const b = getRectBrushOrPencilBounds(
         centerX,
         centerY,
         brushWidth,
         brushHeight,
-        writer.target.width,
-        writer.target.height,
+        target.width,
+        target.height,
         boundsOut,
       )
 
-      const { x, y, w, h } = bounds
-
-      writer.accumulator.storeRegionBeforeState(x, y, w, h)
-
-      applyRectBrushToPixelData(
-        writer.target,
-        color,
-        centerX,
-        centerY,
-        brushWidth,
-        brushHeight,
-        alpha,
-        fallOff,
-        blendFn,
-        bounds,
+      const didChange = writer.accumulator.storeRegionBeforeState(b.x, b.y, b.w, b.h)
+      return didChange(
+        applyRectBrushToPixelData(
+          target,
+          color,
+          centerX,
+          centerY,
+          brushWidth,
+          brushHeight,
+          alpha,
+          fallOff,
+          blendFn,
+          b,
+        ),
       )
     },
   }

package/src/History/PixelMutator/mutatorApplyRectPencilStroke.ts

@@ -3,7 +3,8 @@ import {
   type BlendColor32,
   type Color32,
   type ColorBlendOptions,
-  type HistoryMutator, MaskType,
+  type HistoryMutator,
+  MaskType,
   type Rect,
 } from '../../_types'
 import { forEachLinePoint } from '../../Algorithm/forEachLinePoint'
@@ -102,8 +103,9 @@ export const mutatorApplyRectPencilStroke = ((writer: PixelWriter<any>, deps: De
       const halfH = brushHeight / 2
       const centerOffset = (brushWidth % 2 === 0) ? 0.5 : 0
 
-      const targetWidth = writer.target.width
-      const targetHeight = writer.target.height
+      const target = writer.config.target
+      const targetWidth = target.width
+      const targetHeight = target.height
 
       forEachLinePoint(x0, y0, x1, y1, (px, py) => {
         const {
@@ -158,7 +160,7 @@ export const mutatorApplyRectPencilStroke = ((writer: PixelWriter<any>, deps: De
       blendColorPixelOptions.w = bw
       blendColorPixelOptions.h = bh
 
-      blendColorPixelDataBinaryMask(writer.target, color, mask as BinaryMask, blendColorPixelOptions)
+      blendColorPixelDataBinaryMask(target, color, mask as BinaryMask, blendColorPixelOptions)
     },
   }
 }) satisfies HistoryMutator<any, Deps>

package/src/History/PixelMutator/mutatorBlendColor.ts

@@ -17,15 +17,18 @@ export const mutatorBlendColor = ((writer: PixelWriter<any>, deps: Deps = defaul
     blendColor(
       color: Color32,
       opts: ColorBlendOptions = {},
-    ) {
+    ): boolean {
+      const target = writer.config.target
       const {
         x = 0,
         y = 0,
-        w = writer.target.width,
-        h = writer.target.height,
+        w = target.width,
+        h = target.height,
       } = opts
-      writer.accumulator.storeRegionBeforeState(x, y, w, h)
-      blendColorPixelData(writer.target, color, opts)
+      const didChange = writer.accumulator.storeRegionBeforeState(x, y, w, h)
+      return didChange(
+        blendColorPixelData(target, color, opts),
+      )
     },
   }
 }) satisfies HistoryMutator<any, Deps>

package/src/History/PixelMutator/mutatorBlendColorCircleMask.ts

@@ -0,0 +1,71 @@
+import type { BlendColor32, CircleMask, Color32, ColorBlendMaskOptions, HistoryMutator, Rect } from '../../_types'
+import { sourceOverPerfect } from '../../BlendModes/blend-modes-perfect'
+import { blendColorPixelDataCircleMask } from '../../PixelData/blendColorPixelDataCircleMask'
+import { getCircleBrushOrPencilBounds } from '../../Rect/getCircleBrushOrPencilBounds'
+import { PixelWriter } from '../PixelWriter'
+
+const defaults = {
+  blendColorPixelDataCircleMask,
+  getCircleBrushOrPencilBounds,
+}
+
+type Deps = Partial<typeof defaults>
+
+/**
+ * @param deps - @hidden
+ */
+export const mutatorBlendColorCircleMask = ((writer: PixelWriter<any>, deps: Deps = defaults) => {
+  const {
+    blendColorPixelDataCircleMask = defaults.blendColorPixelDataCircleMask,
+    getCircleBrushOrPencilBounds = defaults.getCircleBrushOrPencilBounds,
+
+  } = deps
+
+  const boundsOut: Rect = { x: 0, y: 0, w: 0, h: 0 }
+
+  const blendColorPixelOptions: ColorBlendMaskOptions = {
+    alpha: 255,
+    blendFn: sourceOverPerfect,
+    x: 0,
+    y: 0,
+    w: 0,
+    h: 0,
+  }
+
+  return {
+    applyCircleMask(
+      color: Color32,
+      centerX: number,
+      centerY: number,
+      brush: CircleMask,
+      alpha = 255,
+      blendFn?: BlendColor32,
+    ): boolean {
+
+      const target = writer.config.target
+      const b = getCircleBrushOrPencilBounds(
+        centerX,
+        centerY,
+        brush.size,
+        target.width,
+        target.height,
+        boundsOut,
+      )
+
+      const didChange = writer.accumulator.storeRegionBeforeState(b.x, b.y, b.w, b.h)
+      return didChange(
+        blendColorPixelDataCircleMask(
+          target,
+          color,
+          centerX,
+          centerY,
+          brush,
+          alpha,
+          blendFn,
+          blendColorPixelOptions,
+          b,
+        ),
+      )
+    },
+  }
+}) satisfies HistoryMutator<any, Deps>

package/src/History/PixelMutator/mutatorBlendPixel.ts

@@ -1,37 +1,33 @@
-import type { BlendColor32, Color32 } from '../../_types'
-import { overwriteFast } from '../../BlendModes/blend-modes-fast'
+import type { BlendColor32, Color32, HistoryMutator } from '../../_types'
+import { blendPixel } from '../../PixelData/blendPixel'
 import { PixelWriter } from '../PixelWriter'
 
-export function mutatorBlendPixel(writer: PixelWriter<any>) {
+const defaults = { blendPixel }
+type Deps = Partial<typeof defaults>
+
+/**
+ * @param deps - @hidden
+ */
+export const mutatorBlendPixel = ((writer: PixelWriter<any>, deps: Partial<Deps> = defaults) => {
+  const {
+    blendPixel = defaults.blendPixel,
+  } = deps
+
   return {
     blendPixel(
       x: number,
       y: number,
       color: Color32,
-      alpha: number = 255,
-      blendFn: BlendColor32 = overwriteFast,
-    ) {
-      let target = writer.target
-      let width = target.width
-      let height = target.height
-
-      if (x < 0 || x >= width || y < 0 || y >= height) return
-
-      writer.accumulator.storeTileBeforeState(x, y)
+      alpha?: number,
+      blendFn?: BlendColor32,
+    ): boolean {
 
-      let index = y * width + x
-      let bg = target.data32[index] as Color32
+      const didChange = writer.accumulator.storePixelBeforeState(x, y)
 
-      let finalColor = color
-
-      if (alpha < 255) {
-        let baseSrcAlpha = color >>> 24
-        let finalAlpha = (baseSrcAlpha * alpha + 128) >> 8
-
-        finalColor = (((color & 0x00ffffff) | (finalAlpha << 24)) >>> 0) as Color32
-      }
-
-      target.data32[index] = blendFn(finalColor, bg)
+      return didChange(
+        blendPixel(writer.config.target, x, y, color, alpha, blendFn),
+      )
     },
   }
-}
+}) satisfies HistoryMutator<any, Deps>
+

package/src/History/PixelMutator/mutatorBlendPixelData.ts

@@ -17,16 +17,18 @@ export const mutatorBlendPixelData = ((writer: PixelWriter<any>, deps: Partial<D
     blendPixelData(
       src: IPixelData,
       opts: PixelBlendOptions = {},
-    ) {
+    ): boolean {
       const {
         x = 0,
         y = 0,
         w = src.width,
         h = src.height,
       } = opts
-      writer.accumulator.storeRegionBeforeState(x, y, w, h)
+      const didChange = writer.accumulator.storeRegionBeforeState(x, y, w, h)
 
-      blendPixelData(writer.target, src, opts)
+      return didChange(
+        blendPixelData(writer.config.target, src, opts),
+      )
     },
   }
 }) satisfies HistoryMutator<any, Deps>

package/src/History/PixelMutator/mutatorBlendPixelDataAlphaMask.ts

@@ -18,15 +18,17 @@ export const mutatorBlendPixelDataAlphaMask = ((writer: PixelWriter<any>, deps:
       src: IPixelData,
       mask: AlphaMask,
       opts: PixelBlendMaskOptions = {},
-    ) {
+    ): boolean {
       const x = opts.x ?? 0
       const y = opts.y ?? 0
       const w = opts.w ?? src.width
       const h = opts.h ?? src.height
 
-      writer.accumulator.storeRegionBeforeState(x, y, w, h)
+      const didChange = writer.accumulator.storeRegionBeforeState(x, y, w, h)
 
-      blendPixelDataAlphaMask(writer.target, src, mask, opts)
+      return didChange(
+        blendPixelDataAlphaMask(writer.config.target, src, mask, opts),
+      )
     },
   }
 }) satisfies HistoryMutator<any, Deps>

package/src/History/PixelMutator/mutatorBlendPixelDataBinaryMask.ts

@@ -18,15 +18,17 @@ export const mutatorBlendPixelDataBinaryMask = ((writer: PixelWriter<any>, deps:
       src: IPixelData,
       mask: BinaryMask,
       opts: PixelBlendMaskOptions = {},
-    ) {
+    ): boolean {
       const x = opts.x ?? 0
       const y = opts.y ?? 0
       const w = opts.w ?? src.width
       const h = opts.h ?? src.height
 
-      writer.accumulator.storeRegionBeforeState(x, y, w, h)
+      const didChange = writer.accumulator.storeRegionBeforeState(x, y, w, h)
 
-      blendPixelDataBinaryMask(writer.target, src, mask, opts)
+      return didChange(
+        blendPixelDataBinaryMask(writer.config.target, src, mask, opts),
+      )
     },
   }
 }) satisfies HistoryMutator<any, Deps>

package/src/History/PixelMutator/mutatorClear.ts

@@ -1,8 +1,8 @@
 import type { Color32, HistoryMutator, Rect } from '../../_types'
-import { fillPixelData } from '../../PixelData/fillPixelData'
+import { fillPixelDataFast } from '../../PixelData/fillPixelDataFast'
 import { PixelWriter } from '../PixelWriter'
 
-const defaults = { fillPixelData }
+const defaults = { fillPixelData: fillPixelDataFast }
 
 type Deps = Partial<typeof defaults>
 
@@ -18,13 +18,14 @@ export const mutatorClear = ((writer: PixelWriter<any>, deps: Deps = defaults) =
     clear(
       rect: Partial<Rect> = {},
     ) {
+      const target = writer.config.target
       const x = rect.x ?? 0
       const y = rect.y ?? 0
-      const w = rect.w ?? writer.target.width
-      const h = rect.h ?? writer.target.height
+      const w = rect.w ?? target.width
+      const h = rect.h ?? target.height
 
       writer.accumulator.storeRegionBeforeState(x, y, w, h)
-      fillPixelData(writer.target, 0 as Color32, x, y, w, h)
+      fillPixelData(target, 0 as Color32, x, y, w, h)
     },
   }
 }) satisfies HistoryMutator<any, Deps>

package/src/History/PixelMutator/mutatorFill.ts

@@ -16,16 +16,41 @@ export const mutatorFill = ((writer: PixelWriter<any>, deps: Deps = defaults) =>
   return {
     fill(
       color: Color32,
-      rect: Partial<Rect> = {},
+      x = 0,
+      y = 0,
+      w = writer.config.target.width,
+      h = writer.config.target.height,
     ) {
-      const {
-        x = 0,
-        y = 0,
-        w = writer.target.width,
-        h = writer.target.height,
-      } = rect
-      writer.accumulator.storeRegionBeforeState(x, y, w, h)
-      fillPixelData(writer.target, color, x, y, w, h)
+      const target = writer.config.target
+
+      const didChange = writer.accumulator.storeRegionBeforeState(x, y, w, h)
+      return didChange(
+        fillPixelData(target, color, x, y, w, h),
+      )
     },
   }
 }) satisfies HistoryMutator<any, Deps>
+
+/**
+ * @param deps - @hidden
+ */
+export const mutatorFillRect = ((writer: PixelWriter<any>, deps: Deps = defaults) => {
+  const {
+    fillPixelData = defaults.fillPixelData,
+  } = deps
+
+  return {
+    fillRect(
+      color: Color32,
+      rect: Rect,
+    ) {
+      const target = writer.config.target
+
+      const didChange = writer.accumulator.storeRegionBeforeState(rect.x, rect.y, rect.w, rect.h)
+      return didChange(
+        fillPixelData(target, color, rect.x, rect.y, rect.w, rect.h)
+      )
+    },
+  }
+}) satisfies HistoryMutator<any, Deps>
+

package/src/History/PixelMutator/mutatorFillBinaryMask.ts

@@ -21,8 +21,10 @@ export const mutatorFillBinaryMask = ((writer: PixelWriter<any>, deps: Deps = de
       x = 0,
       y = 0,
     ) {
-      writer.accumulator.storeRegionBeforeState(x, y, mask.w, mask.h)
-      fillPixelDataBinaryMask(writer.target, color, mask, alpha, x, y)
+      const didChange = writer.accumulator.storeRegionBeforeState(x, y, mask.w, mask.h)
+      return didChange(
+        fillPixelDataBinaryMask(writer.config.target, color, mask, alpha, x, y),
+      )
     },
   }
 }) satisfies HistoryMutator<any, Deps>

package/src/History/PixelMutator/mutatorInvert.ts

@@ -15,14 +15,18 @@ export const mutatorInvert = ((writer: PixelWriter<any>, deps: Deps = defaults)
 
   return {
     invert(opts: PixelMutateOptions = {}) {
+      const target = writer.config.target
       const {
         x = 0,
         y = 0,
-        w = writer.target.width,
-        h = writer.target.height,
+        w = target.width,
+        h = target.height,
       } = opts
-      writer.accumulator.storeRegionBeforeState(x, y, w, h)
-      invertPixelData(writer.target, opts)
+      const didChange = writer.accumulator.storeRegionBeforeState(x, y, w, h)
+
+      return didChange(
+        invertPixelData(target, opts),
+      )
     },
   }
 }) satisfies HistoryMutator<any, Deps>

package/src/History/PixelMutator.ts

@@ -1,7 +1,7 @@
 import { mutatorApplyAlphaMask } from './PixelMutator/mutatorApplyAlphaMask'
 import { mutatorApplyBinaryMask } from './PixelMutator/mutatorApplyBinaryMask'
-import { mutatorApplyCircleBrush } from './PixelMutator/mutatorApplyCircleBrush'
 import { mutatorApplyCircleBrushStroke } from './PixelMutator/mutatorApplyCircleBrushStroke'
+import { mutatorBlendColorCircleMask } from './PixelMutator/mutatorBlendColorCircleMask'
 import { mutatorApplyCirclePencil } from './PixelMutator/mutatorApplyCirclePencil'
 import { mutatorApplyCirclePencilStroke } from './PixelMutator/mutatorApplyCirclePencilStroke'
 import { mutatorApplyRectBrush } from './PixelMutator/mutatorApplyRectBrush'
@@ -14,7 +14,7 @@ import { mutatorBlendPixelData } from './PixelMutator/mutatorBlendPixelData'
 import { mutatorBlendPixelDataAlphaMask } from './PixelMutator/mutatorBlendPixelDataAlphaMask'
 import { mutatorBlendPixelDataBinaryMask } from './PixelMutator/mutatorBlendPixelDataBinaryMask'
 import { mutatorClear } from './PixelMutator/mutatorClear'
-import { mutatorFill } from './PixelMutator/mutatorFill'
+import { mutatorFill, mutatorFillRect } from './PixelMutator/mutatorFill'
 import { mutatorFillBinaryMask } from './PixelMutator/mutatorFillBinaryMask'
 import { mutatorInvert } from './PixelMutator/mutatorInvert'
 import type { PixelWriter } from './PixelWriter'
@@ -24,7 +24,6 @@ export function makeFullPixelMutator(writer: PixelWriter<any>) {
     // @sort
     ...mutatorApplyAlphaMask(writer),
     ...mutatorApplyBinaryMask(writer),
-    ...mutatorApplyCircleBrush(writer),
     ...mutatorApplyCircleBrushStroke(writer),
     ...mutatorApplyCirclePencil(writer),
     ...mutatorApplyCirclePencilStroke(writer),
@@ -33,6 +32,7 @@ export function makeFullPixelMutator(writer: PixelWriter<any>) {
     ...mutatorApplyRectPencil(writer),
     ...mutatorApplyRectPencilStroke(writer),
     ...mutatorBlendColor(writer),
+    ...mutatorBlendColorCircleMask(writer),
     ...mutatorBlendPixel(writer),
     ...mutatorBlendPixelData(writer),
     ...mutatorBlendPixelDataAlphaMask(writer),
@@ -40,6 +40,7 @@ export function makeFullPixelMutator(writer: PixelWriter<any>) {
     ...mutatorClear(writer),
     ...mutatorFill(writer),
     ...mutatorFillBinaryMask(writer),
+    ...mutatorFillRect(writer),
     ...mutatorInvert(writer),
   }
 }