어쩌다 보니 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..