小程序之pixi应用

最新推荐文章于 2024-08-15 09:16:03 发布

Gai8043

最新推荐文章于 2024-08-15 09:16:03 发布

阅读量1.2k

点赞数 1

本文链接：https://blog.csdn.net/HuYiMin1998/article/details/114971083

版权

pixi.axml

<canvas a:if="{
  {isRunCanvas}}" class="canvas" id="canvas" type="webgl" style="width:{
  {targetWidth}}rpx;height:{
  {targetHeight}}rpx" onTouchStart="onTouchHandle" onTouchEnd="onTouchHandle" onTouchMove="onTouchHandle" onTouchCancel="onTouchHandle" onReady="onCanvasReady"></canvas>

pixi.js

import { enhanceComponent } from 'tb-shop-enhance';
import * as PIXI from "@tbminiapp/pixi-miniprogram-engine";
const { registerCanvas, devicePixelRatio } = PIXI.miniprogram;


Component(enhanceComponent(
  {
    systemInfo: null,
    mainCanvas: null,
    app: null,
    mixins: [],
    data: {
      isRunCanvas: false
    },
    props: {
      options: null,
      onAppInit: null,
      onError: null
    },
    onInit() {
      console.log(this.props.data);
      
    },
    didMount() {
      const systemInfo = this.systemInfo = my.getSystemInfoSync();
      const version = systemInfo.version.split('.');
      const version0 = version[0] * 1000;
      const version1 = version[1] * 1000;
      console.log('version', version);
      // 手淘 9.8 版本以后启动canvas。
      if (systemInfo.app === 'TB') {
        if (!(version0 > 9000 || (version0 === 9000 && version1 >= 8000))) {
          my.alert({
            title: '请使用手淘9.8版本以上'
          });
          return;
        }
      } else if (systemInfo.app