Canvas 使用NativeScript 6+在画布上绘制;VueJS
我有一个正在运行的NS6 Vue应用程序,我想通过画布添加一些自定义粒子。我可能没有正确创建Canvas对象,并且找不到NS6+VueJS+Canvas的示例。“nativescript canvas”插件的版本是3.0.10 这是我的test.vue文件: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
<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)