drawnui-react 0.1.0-preview.19 → 0.1.0-preview.20

package/dist/core/SkiaControl.d.ts

@@ -46,6 +46,10 @@ export declare class CachedObject {
     PlaybackDistorted: boolean;
     /** A picture holding image blits, whose sampling was fixed when it was recorded (C# CachedObject.HasImageBlits). */
     HasImageBlits: boolean;
+    /** C# PaintRenderObject: the blit paint is antialiased (else a turned bitmap keeps stair steps along its own border), dithered when distorted. */
+    private static blitPaint?;
+    private static blitPaintDithered?;
+    private static BlitPaint;
     /** Replays the cache with its top-left moved to (left, top); `smooth` = an image drawn distorted (linear + mipmaps). */
     Draw(canvas: SkCanvas, left: number, top: number, smooth?: boolean): void;
     Dispose(): void;

package/dist/core/SkiaControl.js

@@ -28,15 +28,23 @@ export class CachedObject {
     PlaybackDistorted = false;
     /** A picture holding image blits, whose sampling was fixed when it was recorded (C# CachedObject.HasImageBlits). */
     HasImageBlits = false;
+    /** C# PaintRenderObject: the blit paint is antialiased (else a turned bitmap keeps stair steps along its own border), dithered when distorted. */
+    static blitPaint;
+    static blitPaintDithered;
+    static BlitPaint(dither) {
+        const CK = Super.CK;
+        const make = () => { const p = new CK.Paint(); p.setAntiAlias(true); p.setDither(dither); return p; };
+        return dither ? (CachedObject.blitPaintDithered ??= make()) : (CachedObject.blitPaint ??= make());
+    }
     /** Replays the cache with its top-left moved to (left, top); `smooth` = an image drawn distorted (linear + mipmaps). */
     Draw(canvas, left, top, smooth = false) {
         const CK = Super.CK;
         if (this.Image) {
             // nearest keeps a bitmap blitted 1:1 sharp; once scaled, turned or projected it needs smooth sampling (C# 1e4610f6)
             if (smooth)
-                canvas.drawImageOptions(this.Image, left, top, CK.FilterMode.Linear, CK.MipmapMode.Linear, null);
+                canvas.drawImageOptions(this.Image, left, top, CK.FilterMode.Linear, CK.MipmapMode.Linear, CachedObject.BlitPaint(true));
             else
-                canvas.drawImageOptions(this.Image, left, top, CK.FilterMode.Nearest, CK.MipmapMode.None, null);
+                canvas.drawImageOptions(this.Image, left, top, CK.FilterMode.Nearest, CK.MipmapMode.None, CachedObject.BlitPaint(false));
         }
         else if (this.Picture) {
             const saved = canvas.save();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drawnui-react",
-  "version": "0.1.0-preview.19",
+  "version": "0.1.0-preview.20",
   "description": "DrawnUi for React: the DrawnUi (.NET) drawn-UI engine in TypeScript on CanvasKit (Skia WASM). Same controls, same PascalCase API as DrawnUi.Net.",
   "license": "MIT",
   "author": "Nick Kovalsky (AppoMobi)",