cocos creator 根据可视区域分辨率大于设计分辨率比例 动态放大节点

Cocos Creator是一个强大的游戏开发引擎，它允许开发者创建2D和部分3D游戏。当场景中的节点设计时，通常会有一个固定的预设分辨率，比如1080p。但在实际运行时，如果用户的设备屏幕分辨率高于这个设计分辨率，例如手机竖屏从720p升至1080p，那么为了保持良好的用户体验，可以利用Cocos Creator的自适应布局特性。

动态放大节点的过程通常是这样的：当你设置了某个节点的缩放比例（如`cc.Scale9Sprite`或手动设置`node.scaleX`和`node.scaleY`），当检测到视口的实际分辨率超出设计尺寸时，可以通过事件监听如`cc.EventSystem`的窗口大小改变事件(`cc.EventWindowResize`)。在事件处理函数中，你可以动态计算并调整节点的缩放比例，使其内容能够填充整个可视区域，避免拉伸或裁剪。

举个简单的例子：

var engine = cc.engine;
engine.addEventListener(cc.EventWindowResize, function (event) {
    var visibleSize = engine.getVisibleSize();
    if (visibleSize.width > nodeDesignWidth || visibleSize.height > nodeDesignHeight) {
        let scaleFactor = Math.min(visibleSize.width / nodeDesignWidth, visibleSize.height / nodeDesignHeight);
        node.scaleX = node.scaleY = scaleFactor;
    }
});

这里，`nodeDesignWidth` 和 `nodeDesignHeight` 是节点设计时的理想宽度和高度。通过这种方式，节点可以根据屏幕大小自动调整大小，提供更好的视觉效果。