@napi-rs/canvas 0.1.10 → 0.1.11

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [0.1.11](https://github.com/Brooooooklyn/canvas/compare/v0.1.10...v0.1.11) (2021-09-30)
+
+### Features
+
+- support colorSpace: 'display-p3' ([4b64310](https://github.com/Brooooooklyn/canvas/commit/4b64310ff3adb41888e7f4bfae7f3557c062620c))
+
 ## [0.1.10](https://github.com/Brooooooklyn/canvas/compare/v0.1.9...v0.1.10) (2021-09-27)
 
 ### Bug Fixes

package/index.d.ts

@@ -177,11 +177,15 @@ export class ImageData {
    */
   readonly width: number
 
-  constructor(sw: number, sh: number)
+  constructor(sw: number, sh: number, attr?: { colorSpace?: ColorSpace })
+  constructor(imageData: ImageData, attr?: { colorSpace?: ColorSpace })
   constructor(data: Uint8ClampedArray, sw: number, sh?: number)
 }
 
 export class Image {
+  constructor()
+  // attrs only affects SVG
+  constructor(width: number, height: number, attrs?: { colorSpace?: ColorSpace })
   width: number
   height: number
   readonly naturalWidth: number
@@ -277,10 +281,17 @@ export interface SKRSContext2D
   }
 }
 
+export type ColorSpace = 'srgb' | 'display-p3'
+
+export interface ContextAttributes {
+  alpha?: boolean
+  colorSpace?: ColorSpace
+}
+
 export interface SvgCanvas {
   width: number
   height: number
-  getContext(contextType: '2d', contextAttributes?: { alpha: boolean }): SKRSContext2D
+  getContext(contextType: '2d', contextAttributes?: ContextAttributes): SKRSContext2D
 
   getContent(): Buffer
 }
@@ -290,7 +301,7 @@ export class Canvas {
 
   width: number
   height: number
-  getContext(contextType: '2d', contextAttributes?: { alpha: boolean }): SKRSContext2D
+  getContext(contextType: '2d', contextAttributes?: ContextAttributes): SKRSContext2D
   encodeSync(format: 'webp' | 'jpeg', quality?: number): Buffer
   encodeSync(format: 'png'): Buffer
   encode(format: 'webp' | 'jpeg', quality?: number): Promise<Buffer>

package/index.js

@@ -163,20 +163,17 @@ function createCanvas(width, height, flag) {
   const canvasElement = isSvgBackend ? new SVGCanvas(width, height) : new CanvasElement(width, height)
 
   let ctx
-  canvasElement.getContext = function getContext(type, attr) {
+  canvasElement.getContext = function getContext(type, attr = {}) {
     if (type !== '2d') {
       throw new Error('Unsupported type')
     }
+    const attrs = { alpha: true, colorSpace: 'srgb', ...attr }
     ctx = ctx
       ? ctx
       : isSvgBackend
-      ? new CanvasRenderingContext2D(this.width, this.height, GlobalFontsSingleton, flag)
-      : new CanvasRenderingContext2D(this.width, this.height, GlobalFontsSingleton)
-    if (attr) {
-      createContext(ctx, this.width, this.height, attr)
-    } else {
-      createContext(ctx, this.width, this.height)
-    }
+      ? new CanvasRenderingContext2D(this.width, this.height, GlobalFontsSingleton, attrs.colorSpace, flag)
+      : new CanvasRenderingContext2D(this.width, this.height, GlobalFontsSingleton, attrs.colorSpace)
+    createContext(ctx, this.width, this.height, attrs)
 
     // napi can not define writable: true but enumerable: false property
     Object.defineProperty(ctx, '_fillStyle', {
@@ -194,11 +191,11 @@ function createCanvas(width, height, flag) {
     })
 
     Object.defineProperty(ctx, 'createImageData', {
-      value: function createImageData(widthOrImage, height) {
+      value: function createImageData(widthOrImage, height, attrs = {}) {
         if (widthOrImage instanceof ImageData) {
-          return new ImageData(widthOrImage.width, widthOrImage.height)
+          return new ImageData(widthOrImage.data, widthOrImage.width, widthOrImage.height)
         }
-        return new ImageData(widthOrImage, height)
+        return new ImageData(widthOrImage, height, { colorSpace: 'srgb', ...attrs })
       },
       configurable: false,
       enumerable: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@napi-rs/canvas",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "Canvas for Node.js with skia backend",
   "main": "index.js",
   "repository": "https://github.com/Brooooooklyn/canvas.git",
@@ -134,14 +134,14 @@
     "parser": "typescript"
   },
   "optionalDependencies": {
-    "@napi-rs/canvas-win32-x64-msvc": "0.1.10",
-    "@napi-rs/canvas-darwin-x64": "0.1.10",
-    "@napi-rs/canvas-linux-x64-gnu": "0.1.10",
-    "@napi-rs/canvas-linux-arm-gnueabihf": "0.1.10",
-    "@napi-rs/canvas-linux-x64-musl": "0.1.10",
-    "@napi-rs/canvas-linux-arm64-gnu": "0.1.10",
-    "@napi-rs/canvas-linux-arm64-musl": "0.1.10",
-    "@napi-rs/canvas-darwin-arm64": "0.1.10",
-    "@napi-rs/canvas-android-arm64": "0.1.10"
+    "@napi-rs/canvas-win32-x64-msvc": "0.1.11",
+    "@napi-rs/canvas-darwin-x64": "0.1.11",
+    "@napi-rs/canvas-linux-x64-gnu": "0.1.11",
+    "@napi-rs/canvas-linux-arm-gnueabihf": "0.1.11",
+    "@napi-rs/canvas-linux-x64-musl": "0.1.11",
+    "@napi-rs/canvas-linux-arm64-gnu": "0.1.11",
+    "@napi-rs/canvas-linux-arm64-musl": "0.1.11",
+    "@napi-rs/canvas-darwin-arm64": "0.1.11",
+    "@napi-rs/canvas-android-arm64": "0.1.11"
   }
 }