Canvas 使用NativeScript 6+在画布上绘制;VueJS

Canvas 使用NativeScript 6+在画布上绘制;VueJS,canvas,nativescript,nativescript-vue,Canvas,Nativescript,Nativescript Vue,我有一个正在运行的NS6 Vue应用程序,我想通过画布添加一些自定义粒子。我可能没有正确创建Canvas对象,并且找不到NS6+VueJS+Canvas的示例。“nativescript canvas”插件的版本是3.0.10 这是我的test.vue文件: <Page backgroundColor="black" xmlns:canvas="nativescript/canvas" @loaded="onPageLoaded&q

我有一个正在运行的NS6 Vue应用程序,我想通过画布添加一些自定义粒子。我可能没有正确创建Canvas对象,并且找不到NS6+VueJS+Canvas的示例。“nativescript canvas”插件的版本是3.0.10

这是我的test.vue文件:

    <Page backgroundColor="black" xmlns:canvas="nativescript/canvas" @loaded="onPageLoaded">
        <GridLayout>
            <Canvas id="canvas" width="200" height="200" @canvasReady="onCanvasLoaded" @loaded="onCanvasLoaded" backgroundColor="red" />
        </GridLayout>
    </Page>
</template>

<script>
    const Canvas = require("nativescript-canvas");
    // import { Canvas } from "nativescript-canvas";

    export default {
        components: {
            Canvas
        },

        methods: {
            onCanvasLoaded(args) {
                let canvas = args.object;

                console.log("canvas loaded: "+canvas);
            },

            onCanvasReady(args) {
                let canvas = args.object;

                console.log("canvas ready: "+canvas);
            },

            onPageLoaded()
            {
                console.log("page loaded");
                console.log("Canvas: "+Canvas.Canvas);
                this.printProps(Canvas, true);
            },

            printProps(obj, inherited)
            {
                for(let key in obj){
                    if(obj.hasOwnProperty(key) || inherited){
                        let val = obj[key];

                        if(typeof(val) == "function")
                            console.log("  "+key+" = [function]");
                        else
                            console.log("  "+key+" = "+val);
                    }
                }
            }
        }
    };
</script>
相反,如果我“import{Canvas}from”,那么我会在上面的对象中得到“Canvas”函数,然后得到错误

System.err:     at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:3762)
System.err:     at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:3938)
我怎样才能弄到画的东西

System.err:     at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:3762)
System.err:     at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:3938)