How to resize my image so that it exactly fits the screen canvas no matter what resolution it is

cocos2d-x JavaScript
#1

How to resize my image so that it exactly fits the screen canvas no matter what resolution it is? I’m talking about this issue
How to scale background image rather than screen size? but in javascript terms.

#2

Hey, if you just needed the conversion, then here is the solution:

	var spriteMS = cc.Sprite.create(res.MyImage);
	var winSize = cc.director.getWinSize();
	var scaleX = winSize.width/spriteMS.getContentSize().width;
	var scaleY = winSize.width/spriteMS.getContentSize().height;
	if(scaleY>scaleX)
{	spriteMS.scale=scaleX;}
	else{
		spriteMS.scale=scaleY;
		}
	var posX=cc.director.getVisibleOrigin().x+winSize.width/2;
	var posY=cc.director.getVisibleOrigin().y+winSize.height/2;
	spriteMS.setPosition(cc.p(posX,posY));
	this.addChild(spriteMS);

Note: I haven’t tried cc.director.getVisibleSize() or cc.director.getVisibleOrigin() before… Only thing I’ve used is cc.director.getWinSize()…

However, I’ve run both cc.director.getVisibleSize() and cc.director.getVisibleOrigin() in the chrome console and they give me needed values without any error so they should work fine… you may replace cc.director.getWinSize() with cc.director.getVisibleSize() if you wish to do so.

Chek whether it works.