@nativescript/canvas 2.0.0-beta.7 → 2.0.0-beta.8

package/Dom/Paint.js

@@ -55,7 +55,8 @@ export class Paint extends LayoutBase {
         const color = this._getColor();
         const context = this._canvas.getContext('2d');
         const style = this._getPaintStyle();
-        context.closePath();
+        //context.closePath();
+        context.globalAlpha = this.opacity;
         if (style === 'fill') {
             context.fillStyle = color;
             context.fill();
@@ -65,7 +66,7 @@ export class Paint extends LayoutBase {
             context.strokeStyle = color;
             context.stroke();
         }
-        context.beginPath();
+        //context.beginPath();
     }
 }
 paintStyleProperty.register(Paint);

package/Dom/Paint.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paint.js","sourceRoot":"","sources":["../../../../packages/canvas/Dom/Paint.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Paint.js","sourceRoot":"","sources":["../../../../packages/canvas/Dom/Paint.ts"],"names":[],"mappings":"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"}

package/Dom/shapes/Atlas.d.ts

@@ -0,0 +1,22 @@
+import { ViewBase } from '@nativescript/core';
+import { Paint } from '../Paint';
+export declare class Atlas extends Paint {
+    image: any;
+    sprites: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }[];
+    transforms: {
+        scos: number;
+        ssin: number;
+        tx: number;
+        ty: number;
+    }[];
+    colors: string[];
+    blendMode: GlobalCompositeOperation;
+    _children: Paint[];
+    draw(): void;
+    _addViewToNativeVisualTree(view: ViewBase, atIndex?: number): boolean;
+}

package/Dom/shapes/Atlas.js

@@ -0,0 +1,60 @@
+import { Property } from '@nativescript/core';
+import { Paint } from '../Paint';
+const imageProperty = new Property({
+    name: 'image',
+    valueChanged(target, oldValue, newValue) {
+        target.invalidate();
+    },
+});
+const spritesProperty = new Property({
+    name: 'sprites',
+    valueChanged(target, oldValue, newValue) {
+        target.invalidate();
+    },
+});
+const transformsProperty = new Property({
+    name: 'transforms',
+    valueChanged(target, oldValue, newValue) {
+        target.invalidate();
+    },
+});
+const colorsProperty = new Property({
+    name: 'colors',
+    valueChanged(target, oldValue, newValue) {
+        target.invalidate();
+    },
+});
+const blendModeProperty = new Property({
+    name: 'blendMode',
+    defaultValue: 'destination-over',
+    valueChanged(target, oldValue, newValue) {
+        target.invalidate();
+    },
+});
+export class Atlas extends Paint {
+    constructor() {
+        super(...arguments);
+        this._children = [];
+    }
+    draw() {
+        const context = this._canvas.getContext('2d');
+        context.drawAtlas(this.image, this.transforms, this.sprites, this.colors ?? null, this.blendMode);
+    }
+    _addViewToNativeVisualTree(view, atIndex) {
+        if (view === this._canvas) {
+            this.nativeView.addView(this._canvas.nativeView);
+            return true;
+        }
+        else if (view instanceof Paint) {
+            view._canvas = this._canvas;
+            this._children.push(view);
+        }
+        return false;
+    }
+}
+imageProperty.register(Atlas);
+spritesProperty.register(Atlas);
+transformsProperty.register(Atlas);
+colorsProperty.register(Atlas);
+blendModeProperty.register(Atlas);
+//# sourceMappingURL=Atlas.js.map

package/Dom/shapes/Atlas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Atlas.js","sourceRoot":"","sources":["../../../../../packages/canvas/Dom/shapes/Atlas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAY,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGjC,MAAM,aAAa,GAAG,IAAI,QAAQ,CAAa;IAC9C,IAAI,EAAE,OAAO;IACb,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ;QACtC,MAAM,CAAC,UAAU,EAAE,CAAC;IACrB,CAAC;CACD,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,IAAI,QAAQ,CAAmE;IACtG,IAAI,EAAE,SAAS;IACf,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ;QACtC,MAAM,CAAC,UAAU,EAAE,CAAC;IACrB,CAAC;CACD,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,IAAI,QAAQ,CAAkE;IACxG,IAAI,EAAE,YAAY;IAClB,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ;QACtC,MAAM,CAAC,UAAU,EAAE,CAAC;IACrB,CAAC;CACD,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAI,QAAQ,CAAkB;IACpD,IAAI,EAAE,QAAQ;IACd,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ;QACtC,MAAM,CAAC,UAAU,EAAE,CAAC;IACrB,CAAC;CACD,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAI,QAAQ,CAAkC;IACvE,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,kBAAkB;IAChC,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ;QACtC,MAAM,CAAC,UAAU,EAAE,CAAC;IACrB,CAAC;CACD,CAAC,CAAC;AAEH,MAAM,OAAO,KAAM,SAAQ,KAAK;IAAhC;;QAMC,cAAS,GAAY,EAAE,CAAC;IAiBzB,CAAC;IAfA,IAAI;QACH,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAoC,CAAC;QACjF,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,IAAI,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IACnG,CAAC;IAED,0BAA0B,CAAC,IAAc,EAAE,OAAgB;QAC1D,IAAI,IAAI,KAAK,IAAI,CAAC,OAAO,EAAE;YAC1B,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YACjD,OAAO,IAAI,CAAC;SACZ;aAAM,IAAI,IAAI,YAAY,KAAK,EAAE;YACjC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;YAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC1B;QACD,OAAO,KAAK,CAAC;IACd,CAAC;CACD;AAED,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC9B,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AAChC,kBAAkB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AACnC,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC/B,iBAAiB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC"}

package/Dom/shapes/index.d.ts

@@ -1,3 +1,4 @@
+import { Paint } from '../Paint';
 export * from './Rect';
 export * from './Path';
 export * from './Circle';
@@ -5,7 +6,18 @@ export * from './RoundedRect';
 export * from './Line';
 export * from './Points';
 export * from './Oval';
+export * from './Atlas';
 export declare function vec(x: number, y: number): {
     x: number;
     y: number;
 };
+export declare function rect(x: number, y: number, width: number, height: number): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare function drawAsImage(elements: Paint[], size?: {
+    width: number;
+    height: number;
+}): any;

package/Dom/shapes/index.js

@@ -1,3 +1,4 @@
+import { Canvas } from '../../Canvas';
 export * from './Rect';
 export * from './Path';
 export * from './Circle';
@@ -5,7 +6,33 @@ export * from './RoundedRect';
 export * from './Line';
 export * from './Points';
 export * from './Oval';
+export * from './Atlas';
 export function vec(x, y) {
     return { x, y };
 }
+export function rect(x, y, width, height) {
+    return { x, y, width, height };
+}
+export function drawAsImage(elements, size = { width: 300, height: 150 }) {
+    const canvas = Canvas.createCustomView();
+    if (size.width !== 300 && size.height !== 150) {
+        canvas._isBatch = true;
+        canvas.width = size.width;
+        canvas.height = size.height;
+        canvas._isBatch = false;
+        canvas._layoutNative();
+    }
+    for (const element of elements) {
+        element._addCanvas(canvas);
+        element.draw();
+    }
+    // const asset = new ImageAsset() as any;
+    const snapshot = canvas.snapshot();
+    // if (global.isAndroid) {
+    // 	const value = new java.lang.Long(asset.native.__addr);
+    // 	console.log(value);
+    // 	(org as any).nativescript.canvas.NSCImageAsset.loadImageFromBitmap(new java.lang.Long(asset.native.__addr), snapshot.android);
+    // }
+    return snapshot;
+}
 //# sourceMappingURL=index.js.map

package/Dom/shapes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/canvas/Dom/shapes/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AAEvB,MAAM,UAAU,GAAG,CAAC,CAAS,EAAE,CAAS;IACvC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AACjB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/canvas/Dom/shapes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AAExB,MAAM,UAAU,GAAG,CAAC,CAAS,EAAE,CAAS;IACvC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,CAAS,EAAE,CAAS,EAAE,KAAa,EAAE,MAAc;IACvE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAChC,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,QAAiB,EAAE,OAA0C,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;IACnH,MAAM,MAAM,GAAG,MAAM,CAAC,gBAAgB,EAAE,CAAC;IAEzC,IAAI,IAAI,CAAC,KAAK,KAAK,GAAG,IAAI,IAAI,CAAC,MAAM,KAAK,GAAG,EAAE;QAC7C,MAAc,CAAC,QAAQ,GAAG,IAAI,CAAC;QAChC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAC1B,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAc,CAAC,QAAQ,GAAG,KAAK,CAAC;QAChC,MAAc,CAAC,aAAa,EAAE,CAAC;KAChC;IAED,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE;QAC/B,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;QAC3B,OAAO,CAAC,IAAI,EAAE,CAAC;KACf;IACD,yCAAyC;IAEzC,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;IAEnC,0BAA0B;IAC1B,0DAA0D;IAC1D,uBAAuB;IACvB,kIAAkI;IAClI,IAAI;IAEJ,OAAO,QAAQ,CAAC;AACjB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nativescript/canvas",
-  "version": "2.0.0-beta.7",
+  "version": "2.0.0-beta.8",
   "description": "DOM Canvas API for NativeScript",
   "main": "index",
   "typings": "index.d.ts",

package/platforms/ios/CanvasNative.xcframework/Info.plist

@@ -10,18 +10,15 @@
 			<key>DebugSymbolsPath</key>
 			<string>dSYMs</string>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64_x86_64-simulator</string>
+			<string>ios-arm64</string>
 			<key>LibraryPath</key>
 			<string>CanvasNative.framework</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
-				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
 			<string>ios</string>
-			<key>SupportedPlatformVariant</key>
-			<string>simulator</string>
 		</dict>
 		<dict>
 			<key>BinaryPath</key>
@@ -29,15 +26,18 @@
 			<key>DebugSymbolsPath</key>
 			<string>dSYMs</string>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64</string>
+			<string>ios-arm64_x86_64-simulator</string>
 			<key>LibraryPath</key>
 			<string>CanvasNative.framework</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
+				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
 			<string>ios</string>
+			<key>SupportedPlatformVariant</key>
+			<string>simulator</string>
 		</dict>
 	</array>
 	<key>CFBundlePackageType</key>

package/platforms/ios/CanvasNative.xcframework/ios-arm64/CanvasNative.framework/Headers/canvas_native.h

@@ -670,6 +670,40 @@ void canvas_native_context_draw_image_context(struct CanvasRenderingContext2D *c
                                               float d_width,
                                               float d_height);
 
+void canvas_native_context_draw_atlas(struct CanvasRenderingContext2D *context,
+                                      const uint8_t *data,
+                                      uintptr_t size,
+                                      float width,
+                                      float height,
+                                      const float *xform,
+                                      uintptr_t xform_size,
+                                      const float *tex,
+                                      uintptr_t tex_size,
+                                      const char *const *colors,
+                                      uintptr_t colors_size,
+                                      int32_t blend_mode);
+
+void canvas_native_context_draw_atlas_encoded(struct CanvasRenderingContext2D *context,
+                                              const uint8_t *data,
+                                              uintptr_t size,
+                                              const float *xform,
+                                              uintptr_t xform_size,
+                                              const float *tex,
+                                              uintptr_t tex_size,
+                                              const char *const *colors,
+                                              uintptr_t colors_size,
+                                              int32_t blend_mode);
+
+void canvas_native_context_draw_atlas_asset(struct CanvasRenderingContext2D *context,
+                                            struct ImageAsset *asset,
+                                            const float *xform,
+                                            uintptr_t xform_size,
+                                            const float *tex,
+                                            uintptr_t tex_size,
+                                            const char *const *colors,
+                                            uintptr_t colors_size,
+                                            int32_t blend_mode);
+
 void canvas_native_context_ellipse(struct CanvasRenderingContext2D *context,
                                    float x,
                                    float y,