Cocos Creator 动态设置Canvas的宽度与高度,更改适配

let c = this.node.getComponent(cc.Canvas);
c.fitHeight = true;
c.fitWidth = false;文章来源地址:https://www.yii666.com/article/756227.html

let h = 960 * cc.winSize.height / cc.winSize.width;网址:yii666.com

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");
}

三点注意事项:文章地址https://www.yii666.com/article/756227.html

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

2.sharedCanvas 不要设置宽高文章来源地址https://www.yii666.com/article/756227.html网址:yii666.com<

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

版权声明:本文内容来源于网络,版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。文本页已经标记具体来源原文地址,请点击原文查看来源网址,站内文章以及资源内容站长不承诺其正确性,如侵犯了您的权益,请联系站长如有侵权请联系站长,将立刻删除

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信图片_20190322181744_03.jpg

微信扫一扫打赏

请作者喝杯咖啡吧~

支付宝扫一扫领取红包,优惠每天领

二维码1

zhifubaohongbao.png

二维码2

zhifubaohongbao2.png