Javascript(215)
-
document 요소 삽입과 교체
작동 $(target).method(content) $(content).method(target) 타깃의 내용 끝에 삽입 append() appendTo() 타깃의 내용 앞에 삽입 prepend() prependTo() 타깃 뒤에 삽입 after() insertAfter() 타깃 앞에 삽입 before() insertBefore() 타깃의 내용 교체 replaceWith() replaceAll() 출처: https://iamawebdeveloper.tistory.com/95 [나는 웹개발자!]
2021.01.24 -
canvas 이미지 복사시 고려할 사항
canvas를 초기화하면 original_canvas도 같이 초기화 됨 canvas = tiff.toCanvas(); canvas.setAttribute('id','tiff') context = canvas.getContext('2d') original_canvas = canvas function clearImage() { context.clearRect(0,0,canvas.width,canvas.height) } function copy() { var temp = $('#test')[0]; console.log(temp) cont = temp.getContext('2d') var img = new Image() img.onload = function() { console.log('afas') cont...
2021.01.24 -
XMLHttpRequest 사용시 주의사항
XMLHttpRequest의 변수를 동일하게 써서 2개를 처리하면 에러 발생 변수명을 변경하면 해결됨 xhr, xhr -> xhr, xhr1 function init() { if(canvas == null) { var xhr = new XMLHttpRequest(); xhr.responseType = 'arraybuffer'; xhr.open('GET', "./kor.exp0.tiff"); xhr.onload = function(e) { var tiff = new Tiff({buffer: xhr.response}); canvas = tiff.toCanvas(); canvas.setAttribute('id','tiff') context = canvas.getContext('2d') console.log('..
2021.01.24 -
HTML 태그 삭제
$('#tiff').remove(); $('canvas').remove('#tiff'); $('canvas#tiff').remove(); $('canvas').remove('.tiff'); $('canvas').remove();
2021.01.24 -
canvas getContext 인식
getContext를 인식하지 못함 var canvas = $('#tiff').getContext('2d') getContext를 인식함 var canvas = document.getElementById('tiff').getContext('2d')
2021.01.24 -
자바스크립트로 txt파일 읽어오기
if(boxes == null) { let xhr1 = new XMLHttpRequest(); xhr1.responseType = 'text'; xhr1.open('GET', "./kor.exp0.box"); xhr1.onload = function(e) { boxes = xhr1.responseText.split('\n'); $.each(boxes, function(i,box) { boxes[i] = box.split(' ') }) makeShapes() } xhr1.send(); }
2021.01.23