zoukankan      html  css  js  c++  java
  • Cocos Creator 动态设置Canvas的宽度与高度,更改适配

    let c = this.node.getComponent(cc.Canvas);
    c.fitHeight = true;
    c.fitWidth = false;

    let h = 960 * cc.winSize.height / cc.winSize.width;

    c.designResolution = new cc.Size(960, h);
    this.node.setContentSize(960, h);

    // 适配解决方案
    let _canvas = cc.Canvas.instance;
    // 设计分辨率比
    let _rateR = _canvas.designResolution.height/_canvas.designResolution.width;
    // 显示分辨率比
    let _rateV = cc.winSize.height/cc.winSize.width;
    console.log("winSize: rateR: "+_rateR+" rateV: "+_rateV);
    if (_rateV > _rateR)
    {
    _canvas.fitHeight = false;
    _canvas.fitWidth = true;
    console.log("winSize: fitWidth");
    }
    else
    {
    _canvas.fitHeight = true;
    _canvas.fitWidth = false;
    console.log("winSize: fitHeight");
    }

    三点注意事项:

    1.主域和子域的设计分辨率和适配方案要相同

    2.sharedCanvas 不要设置宽高

    3.承载sharedCanvas 的sprite要根据实际分辨率动态调整

  • 相关阅读:
    html转义
    mongodb 数据库 基础使用
    xpath基本语法
    HTTP
    JavaScript笔记6-数组新方法
    JavaScript笔记5-事件
    JavaScript笔记3--标识符和保留字
    JavaScript笔记4-数组
    jquery笔记1--选择器
    JavaScript笔记2
  • 原文地址:https://www.cnblogs.com/luorende/p/10062981.html
Copyright © 2011-2022 走看看