목록이미지자르기 (1)
동글이의 STORY
[javascript] Canvas 이미지 자르기
JavaScript에서 이미지를 자르기 위해 canvas를 사용하는 방법이 있다. html cavas 요소를 가져와서 쓸 수도 있고 document.createElement("canvas")로 새로 생성하여 할 수 있다.2차원 이미지인 이 캔버스에 이미지를 그리기 위해서는 getContext("2d") 메서드를 사용한다.let canvas = document.createElement("canvas"); // document.getElementById('canvas');const ctx = canvas.getContext("2d"); 이제 캔버스가 설정되고 컨텍스트가 준비되어 이미지 자르기 및 그리기를 할 수 있게 된다. Image() 생성자를 사용하여 이미지 태그를 만들고 사용할 이미지 링크를 속성에..
Javascript
2024. 6. 26. 18:50