createjs에서 텍스트를 비트 맵으로 변환하려면 어떻게해야합니까? 예를 들어

Question

는이 코드가 있습니다

var text = new createjs.Text("Hello World", "Bold 10px Arial", "#000000"); 

을 그리고 나는 그것이 비트 맵으로 전환 얻을 싶어요.

Answer 1

당신은을 사용할 수 있습니다

당신은 어느 canvas 마우스 오른쪽 버튼으로 클릭하고 이미지를 저장하여 당신이 한 번, 또는 프로그래밍 필요하면 할 수 있다는

cache() 메서드는 콘텐츠의 오프 스크린 캔버스를 만듭니다.

var b = text.getBounds(); 
text.cache(b.x, b.y, b.width, b.height, 2); 

다음은 캐시를 보여주는 예입니다 http://jsfiddle.net/0wgwaLr6/

Answer 2

아마도 여러분은 createJS로 객체를 렌더링하는 방법에 대해 오해하고 있습니까?

모든 내용 (이미지, 텍스트, 애니메이션)은 canvas에 그려져 있습니다. 즉, 텍스트와 같은 개별 요소로 존재하지 않고 '그림'으로 존재 함을 의미합니다. 즉, 이미지에서 언제든지 변환 할 수 있습니다.

image.src = canvas.toDataURL('image/jpeg'); 

또는

image.src = canvas.toDataURL('image/png'); //larger, higher quality