반응형 스크립트7 Tainted canvases may not be exported 오류 :Uncaught (in promise) SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported 해당원인이 발생한 이유는 "Anonymous" 문제가 발생해서이다.내부에서 개발을 하다 보니 내부 이미지 URL을 쓰면서, 해당문제가 되었습니다. 해결방법 1. 외부이미지 사용 : 이미지를 내부에서 외부의 이미지로 옮긴 다음 외부 이미지로 작성을 하면 됩니다.// 기존img.src = "./img/이미지.jpg"; // 변경img.src = "www.domain.com\이미지.jpg" 2. 다운로드에 img.crossOrigin = 'Anonymous' 항목을 추가하여 .. 2025. 1. 10. [JQuery] 특정 또는 모든 이벤트 제거 하는 방법 화면을 만들다보면 등록된 이벤트를 삭제해야하는 경우가 있습니다.이때, 이벤트 등록된 이벤트를 삭제하는 방법을 알려드리겠습니다. .off()jquery에서는 이벤트 삭제를위해서는 .off()를 통해서 삭제를 도와주고 있습니다.삭제를 하는 방법에는 4가지 방법이 있는데 아래에 정리해보도록 하겠습니다. 1. 특정이벤트와 핸들러 삭제하기// 이벤트 핸들러 추가function myHandler(event) { console.log('이벤트 실행');}$('#myElement').on('click', myHandler);// 이벤트 핸들러 삭제$('#myElement').off('click', myHandler); 2. 특정이벤트 전체 삭제하기// 클릭 이벤트 삭제$('#myElement').off('clic.. 2024. 11. 28. Uncaught RangeError: Invalid string length 오류 Uncaught RangeError: Invalid string length 스크립트를 작성 중에 위와 같은 오류가 발생했다.해당 오류는 자바스크립트에서 문자열의 길이가 허용된 최대한도를 초과했을 때 발생하는 문제입니다. 즉, 과도하게 String을 길게 나열을 한 것이다.(주인장은 for문으로 너무 많이 돌림...)원인은 다양하겠지만 결론적으로는 과도하게 긴 문자열을 만들었다는 게 문제이다. 이를 해결방법은 간단하게 문자열을 분열을 하면 된다. 추가적으로, 문자열을 반복적으로 연결을 할 때에는 "+" 연산자보다는 배열과 Array.join()을 사용하는 것이 성능이 더 좋다.예를 들면 아래와 같다.let parts = [];for (let i = 0; i 2024. 11. 22. javascript로 평수 계산하는 방법 단순한 일회성으로 평수 계산을 하는 경우,네이버에 "평수 계산기"라는 명을 쳐서 간단하게 사용이 가능합니다. 하지만, 홈페이지를 제작하는 등의 따로 사용이 필요한 경우에는 스크립트로 제작을 해야 하는데, 이때, 제곱미터를 평으로, 평을 제곱미터로 변환하는 간단한 함수를 만들어 보겠습니다. 평수를 계산을 하기 전에 평과 제곱미터 간의 관계를 이해해야 합니다. 1평 = 약 3.305785㎡이를 토대로 스크립트를 만들게 되면, 아래와 같은 스크립트를 만들수 있습니다. 제곱미터를 평으로 변환하는 함수// 제곱미터를 평으로 변환하는 함수function meterToPyeong(squareMeter) { return squareMeter / 3.305785;} 평을 제곱미터로 변환하는 함수// 평을 제곱미터로 .. 2024. 10. 14. [PHP > js] php 배열 스크립트에서 배열로 받기 php에서 배열을 만들었는데, 이걸 그대로 스크립트에서 받을 수 있다. php$array = array( array('가나다', 'abc', 1), array('마바사', 'def', 2),); scriptvar js_array = ; 이렇게 하면 php에서 만든 배열을 스크립트에서 그대로 배열을 받을 수 있다. 2024. 5. 4. [JS] java script 날짜 구하기(DATE사용법) Date : 자바스크립트에서 날짜(년, 월, 일, 시, 분, 초, 밀리초)를 표현할 때 사용이 되는 함수 ( 하루 = 86,400,000 밀리초로 계산) 1. Date 생성 var dt = new Date();// Mon Mar 21 2022 19:35:24 GMT+0900 (한국 표준시) var dt1 = new Date("날짜 문자열"); var dt2 = new Date(milliseconds); : new Date(); 를 통해서 선언을 한다. 날짜 문자열 셋팅 방법 1) YYYY-MM-DDTHH:MM:SS 2) YYYY-MM-DD ※ 날짜 문자열에서 mm/dd 가 생략이 될 시에는 1월/일로 자동 설정이 됨. 3) MMM DD YYYY 4) DD MMM YYYY 2. 사용법 1. 날짜 셋팅 및 .. 2022. 3. 22. 이전 1 2 다음 반응형