블로그 이름

오늘은 Canvas 사용 중 자간이 안먹히는 현상이 있어서 수정하였다. var canvas = document.getElementById("canvas");canvas.style.letterSpacing = test.letterSpacing + "px";var ctx = canvas.getContext('2d');ctx.fillStyle = "rgb(200,0,0)";ctx.font = "bold 20pt";ctx.filText("test", 5, 20); 대충 위와 같이 되어있었다. canvas가 아닌 ctx 요소에 자간을 줘야하는데 canvas에 자간을 설정하여 적용되지 않았던 것. ctx.letterSpacing = test.letterSpacing + "px";  해당 코드로 변경하여 수정됨. 하..

타입스크립트 서버 실행 에러 발생. 에러 로그는 다음과 같다. error TS2339: Property 'letterSpacing' does not exist on type 'CanvasRenderingContext2D'. 해당 에러는 CanvasRenderingContext2D 객체에 letterSpacing 속성이 없어서 발생했다고 한다. 실제로 HTML5 Canvas API에서는 LETTERsPACING 속성을 미지원한다고 한다. 에러 로그가 뜨긴 하는데 자간 설정은 또 잘된다.  우선 다른 코드를 사용하여 자간을 설정하는 방법은 다음과 같다.const text = t.text; // 그릴 텍스트const x = 100; // 텍스트 시작 x 좌표const y = 50; // 텍스트 y 좌표cons..