모바일 용 HTML 5로 첫 게임을 만들고 있습니다.
나는 PhoneGap이 아닌 "Easeljs-0.7.0"라이브러리를 사용하고 있습니다.
이미지를 2024x1024 픽셀로 캔버스로 만든 다음 scaleX 및 scaleY를 설정하여 각 이미지를 만들었습니다. 그러나 배율이 0.5 미만이면 모든 이미지의 품질이 저하됩니다.
이것을 해결하는 방법?
var test = new createjs.Bitmap("test.png");
test.scaleX = 0.23456;
test.scaleY = 0.23456;
APP.stage.addChild(test);
APP.stage.update();
안타깝게도 이것이 Canvas가 비트 맵을 렌더링하는 방법이며 JavaScript로 제어 할 수있는 것이 아닙니다. 'context.imageSmoothingEnabled'속성을 사용하여 다양한 브라우저에서 결과를 얻을 수 있지만 현재는 공급 업체 접두사가 필요합니다. 이 스레드를 확인하십시오 : 캔버스 이미지 스무딩
EaselJS로이를 수행하려면 수동으로 액세스하지 않고는 현재 사용할 수없는 캔버스 컨텍스트를 가져와야합니다.
var context = myStage.canvas.getContext("2d");
context.webkitImageSmoothingEnabled = context.mozImageSmoothingEnabled = true;
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다