아스키코드를 문자열로 바꾸기(TextDecoder)
먼저 "안녕" 이란 단어를 아스키코드 배열로 만듦. let enc=new TextEncoder(); //UTF-8 인코딩을 사용하여 바이트 스트림을 생성 let encstr= enc.encode("안녕"); console.log(encstr); encstr 그대로 decode 하면 const dec=new TextDecoder(); //자바스크립트 문자열로 읽을 수 있게 함. let decstr=dec.decode(encstr); console.log(decstr); 이렇게 나옴. 내가 원하는건 이게 아님. 사서 고생하는걸 원했음. let uint8arr= new Uint8Array(6); //6개짜리 만들기 uint8arr[0] = 236; uint8arr[1] = 149; uint8arr[2] = 1..
[Vue.js] 이미지 편집 기능 구현
개인 프로젝트로 만들었던 걸 뷰로 바꿔보았다. 꾸미는건 나중 일로 미루고 기능 구현 목적으로 대충 해보았다. 기능은 밝기조절, 원래 이미지로 돌리는 것 두 가지! template 작성 원래이미지 밝기 조절 script 작성 export default { data() { return { // 입력 캔버스 관련 outCanvas: "", outCtx: "", inFile: "", // 캔버스에는 한점한점이 안찍힘. 대신 캔버스에 종이를 붙임. inPaper: "", outPaper: "", // 입력 파일 및 배열 inImgArr: [], outImgArr: [], // 입력 이미지의 폭과 높이 inWidth: "", inHeight: "", outWidth: "", outHeight: "", imgURL:..
[Vue.js] Uncaught TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D'
이런 에러가 발생했다. 작성한 코드는 아래와 같다. ...생략... openImage: function () { this.outCanvas = document.getElementById("outCanvas"); this.outCtx = this.outCanvas.getContext("2d"); //url 지우기(누수 막기) this.imgURL = URL.revokeObjectURL(this.imgURL); this.inFile = this.$refs["image"].files[0]; //그림 파일을 이미지 객체로 불러오기 let inImg = new Image(); //이미지 객체 생성 //src로 넣을 url 만들기 this.imgURL = URL.createObjectURL(this.inFile);..