어쩌다 보니 canvas에서 fillRect를 사용해 text의 배경으로 들어갈 사각형의 사이즈를 text 가로 사이즈에 맞게 그려야 할 일이 생김. css로 하는 거면 그냥 대충 width: fit-content 썼을거임. 귀찮아서 구글에 적당히 검색해봄. 이런거 할 사람이 있을지 의문이 들었는데 진짜 없었나봄. 오픈톡방에도 물어봤더니 아무도 모름. 이게 맞나 싶었지만 mdn 뒤져봄 mdn 선생님이 알려주신 메소드! measureText() 사용 방법은 간단함. ... 생략 ... const text = "Hello World!" // 문자열 const getWidth = canvas.measureText(text) canvas.fillStyle = "yellow" // 사각형 채울 색상 //fillR..
문자열 길이 제한을 두려고 함. 처음에는 정규표현식을 써야 하나 고민했는데 몇 자만 추가하면 되는거였음. maxlengthValid for text, search, url, tel, email, and password, it defines the maximum number of characters (as UTF-16 code units) the user can enter into the field. This must be an integer value 0 or higher. If no maxlength is specified, or an invalid value is specified, the field has no maximum length. This value must also be greater t..
WebAssembly in Action (p.98) 책 내용대로 컴파일 했더니 나중에 HTML 까지 만들고 실행했을 때 Uncaught TypeError: Module._malloc is not a function 에러가 나왔다. 책에 있는 내용 emcc validate.cpp -o validate.js -s EXTRA_EXPORTED_RUNTIME_METHODS=['ccall','UTF8ToString'] 수정한 내용 emcc validate.cpp -o validate.js -s EXTRA_EXPORTED_RUNTIME_METHODS="['ccall','UTF8ToString']" -s EXPORTED_FUNCTIONS="['_malloc', '_free']" 끝!