// 小程序
import 'karas';
import karas from 'wx-karas';

Page({
  onLoad() {
    const query = wx.createSelectorQuery()
    query.select('#canvas')
      .fields({ node: true, size: true })
      .exec((res) => {
        const canvas = res[0].node;
        // Canvas 画布的实际绘制宽高
        const width = res[0].width;
        const height = res[0].height;
        const dpr = wx.getWindowInfo().pixelRatio;
        width *= dpr;
        height *= dpr;
        canvas.width = width;
        canvas.height = height;
        
        karas.parse(
          {
            tagName: 'canvas',
            props: {
              width: width,
              height: height,
            },
            children: [
              'Hello world'
            ]
          },
          canvas
        );
      });
  }
});

// 小游戏
import 'karas';
import karas from 'wx-karas';

const canvas = wx.createCanvas();
let width = canvas.width;
let height = canvas.height;
width *= 2;
height *= 2;
canvas.width = width;
canvas.height = height;

karas.parse(
  {
    tagName: 'canvas',
    props: {
      width: width,
      height: height,
    },
    children: [
      'Hello world'
    ]
  },
  canvas
);