본문 바로가기

분류 전체보기

(78)
javascript a 테그로 url 파일 다운로드 하기 a - href 로 url 세팅 후 a - download 로 파일 이름 지정 그리고 link(a).click 하면 다운 됨 예시 function handleSaveClick() { const image = canvas.toDataURL(); const link = document.createElement("a"); link.href = image; link.download = "PaintJS"; link.click(); }
javascript event 발생 안되게 하기 addEventListener 로 해당 이벤트 추가 후 함수에서 event 인자 받고 event.preventDefault(); 하면 됨
javascript canvas 이미지 저장 canvas 에 우측 마우스 클릭하면 저장 가능, 초기 배경 색 설정 안하면 투명으로 저장 됨 그리고 우측 마우스 못하게 하는것 contextmenu 이벤트 block 하면 됨
html range 움직임 감지 range 는 움직일때 input 으로 감지함 function handleRangeChange(event) { console.log(event); } range.addEventListener("input", handleRangeChange); 로 확인
javascript object 로 부터 array 를 만드는 방법 Array.from(obj);
javascript canvas 사용법 https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D
javascript mousedown , click 차이 mousedown 은 마우스를 클릭하고 있는 상태이다. (즉 마우스 클릭을 누르고 마우스에서 손가락을 떼지않은 상태) click 은 말그래도 클릭을 하고 마우스에서 뗀 것 ( 말그대로 클릭)
javascript event 위치 client , offset 차이 client x y 는 윈도우 내의 위치 값이다. offset 은 add 한 필드 내의 위치 값이다.