Blob

  • Published on
    캔버스에 그린 이미지를 PNG 이미지로 저장하는 방법이 필요해 찾아봤다. 평소에 구현해본게 아니라서 약간의 삽질이 있었지만 파일 구조를 좀 알고 있다면 그다지 어려운 일은 아니다. 참고로 본 설명은 Windows8 스토어 앱 개발에 필요했던 작업이라 WinJS 기준으로 설명하겠지만, 기본 원리는 다른 플랫폼이라도 동일할 것으로 생각된다. 1. 캔버스(Canvas)에 여러장의 이미지 로드하기 먼저 canvas를 이용해 이미지를 올려보자. HTML에 <canvas> 태그를 삽입하고 다음과 같은 코드를 이용해 이미지를 로드해본다. var canvas = document.getElementById(&#039;canvas&#039;); var cx = canvas.getContext(&#039;2d&#039;); var imageObj = new Image(); imageObj.onload = function () { cx.drawImage(imageObj, 69, 50); } imageOb
  • Published on
    Blob 객체란? 타이타늄 모바일에서 Blob 객체는 내부 데이터를 바이너리로 가지고 있는 객체를 의미한다. The blob is an abstract data type that represents binary information, often obtained through HTTPClient or via files. It often is used to store text or the actual data of an image. 그리고 종종 이 객체를 그대로 데이터베이스에 저장하고 싶을때가 있다. 예를 들면 카메라로 찍은 이미지를 서버에 저장하지 않고, 그냥 앱안에 저장하고 싶은 경우가 있을수 있다. 이런경우엔, 보통 2가지를 생각해볼 수있다. SQLite 를 이용해 이미지를 앱 안에 저장한다. 찍은 이미지를 로컬 파일 시스템에 저장하고, Native Path를 DB에 저장한다. 여기서 다룰 내용은 바로 1번에 해당하는 내용이다. 그럼, 본론으로 들어가자! Blob 이미지와 SQLi