Skip to content

Error when trying to draw pattern #59

@LinkCMS

Description

@LinkCMS

I want to draw a pattern on canvas. Using following code:

ImageSource.fromUrl('https://mdn.mozillademos.org/files/222/Canvas_createpattern.png')
  .then(function (img) {
    ctx.fillStyle = ctx.createPattern(img, 'repeat');
    ctx.fillRect(0, 0, 300, 300);
  });

Got an error:

JS: ERROR Error: Uncaught (in promise): Error: java.lang.NullPointerException: Parameter specified as non-null is null: method kotlin.jvm.internal.Intrinsics.checkNotNullParameter, parameter value
JS: set fillStyle(file: src/webpack:/diamonds/node_modules/@nativescript/canvas/Canvas2D/CanvasRenderingContext2D/index.android.js:413:0)
JS:     at (file: src/webpack:/diamonds/src/app/app.component.ts:110:0)
JS:     at invoke(file: src/webpack:/diamonds/node_modules/zone.js/fesm2015/zone.js:372:0)
JS:     at onInvoke(file: src/webpack:/diamonds/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:28673:0)
JS:     at invoke(file: src/webpack:/diamonds/node_modules/zone.js/fesm2015/zone.js:371:0)
JS:     at run(file: src/webpack:/diamonds/node_modules/zone.js/fesm2015/zone.js:134:0)
JS:     at (file: src/webpack:/diamonds/node_modules/zone.js/fesm2015/zone.js:1276:0)
JS:     at invokeTask(file: src/webpack:/diamonds/node_modules/zone.js/fesm2015/zone.js:406:0)
JS:     at onInvokeTask(file: src/webpack:/diamonds/node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:28660:0)
JS:     at invokeTask(file:///data/dat...

NativeScript: 8.1.3
Angular: 12.2.0
@nativescript/canvas: 1.0.0-alpha.2

What is wrong?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions