개발자의 끄적끄적

[javascript/jquery] canvas to image 방법 javascript에서 canvas 에 있는 내용을 img 태그로 뽑아 내고 싶을때 하는 방법입니다. 우선 위와 같은 태그가 있다고 가정하고, var img_view = document.getElementById('img'); img_view.src = canvas.toDataURL(); canvas.toDataURL() 로 canvas 에서 뽑아낸 내용을 img 태그가 담겨있는 img_view 에 src 로 넣어주면 됩니다. 엄청 간단합니다! 하지만 여기서 !! 크로스브라우징 이슈 (CROS) 들이 생겨나는 경우가 많습니다. 이부분은 아직 뾰족한 해결책은 못찾았습니다.. 찾는대로 바로 공유하겠습니다! 참고하세요!

[php] gd-png error 해결 방법 php 에서 이미지를 압축하고 썸네일 제작하고 하는 라이브러리를 사용하다보면, jpg파일은 이상이 없는데 png 파일은 에러가 나고는 합니다. 그중 아래처럼 에러가 나면 imagepng(): gd-png error: compression level must be 0 through 9 Imagepng("첫번쨰","두번째","세번째"); imagepng 함수에 들어가는 인자가 3개인데 세번째가 압축레벨 입니다. 오류 메세지에 그대로 쓰여 있듯이 png 압축은 0부터 9까지 가능하다는 내용입니다. 따라서 세번째 압축레벨에 대부분 다른숫자가 들어가고 있을테니 0에서 9중 알맞은 압축레벨은 선택하여 입력해주면 됩니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 splice 예제 javascript 에서 배열의 특정 인덱스를 제거하는 방법입니다!!! var str_arr = ['a','b','c']; str_arr.splice(2, 1); console.log(str_arr); // 결과는 [a,b] 위 예제를 보시면 아시겠지만 splice를 이용하여 인덱스가 2인값 즉, 3번쨰 값 하나만 날리는 경우를 나타내는 예제입니다! 테스트 몇번 해보시면 금새 감이 오실껍니다! 참고하세요!