cocos2d-js安卓屏幕文字、图片模糊问题

Lin&Yi

于 2017-12-05 15:32:17 发布

阅读量634

点赞数

CC 4.0 BY-SA版权

分类专栏： Cocos2dx-js

本文链接：https://blog.youkuaiyun.com/linyang24/article/details/78720937

Cocos2dx-js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何修改Cocos2d-HTML5源码以实现设备像素比(devicePixelRatio)的正确应用，确保游戏在不同分辨率设备上正常显示。通过调整CCEGLView.js和CCDrawingPrimitivesCanvas.js中的代码，使得图像和UI元素能够清晰呈现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

打开cocos2d-HTML5/cocos2d/core/platform/CCEGLView.js，找到_setupContainer方法将

var devicePixelRatio = view._devicePixelRatio = 1;

改为

var devicePixelRatio = view._devicePixelRatio = window.devicePixelRatio || 1;

在cocos2d-html5/cocos2d/下找到CCDrawingPrimitivesCanvas.js。打开这个文件，309行找打drawImage方法。加入以下代码

var ctx = this._renderContext;
(function (canvas, ctx) {
var devicePixelRatio = window.devicePixelRatio || 1;
var backingStorePixelRatio = ctx.webkitBackingStorePixelRatio ||
ctx.mozBackingStorePixelRatio ||
ctx.msBackingStorePixelRatio ||
ctx.oBackingStorePixelRatio ||
ctx.backingStorePixelRatio || 1;

var ratio = devicePixelRatio / backingStorePixelRatio;

if (devicePixelRatio !== backingStorePixelRatio) {
sourceSize.width *= ratio;
sourceSize.height *= ratio;
ctx.scale(ratio, ratio);
}