리사이즈 알고리즘 멀 쓸지 모르겠지만 품질 저하가 너무 심한듯..
그런 이유로 다단계로 축소해서 복사하라는 답변이.. ㄷㄷ
[링크 : https://stackoverflow.com/questions/28498014/canvas-drawimage-poor-quality]
[링크 : https://stackoverflow.com/questions/18922880/html5-canvas-resize-downscale-image-high-quality]
| js str2ip (0) | 2018.11.07 |
|---|---|
| 자바 스크립트 중복 제거된 배열 얻기(집합) (0) | 2018.11.06 |
| 자바스크립트 절대값 abs() (0) | 2018.11.05 |
| html canvas 보이는 크기와 실제 크기 다르게 설정하기 (0) | 2018.11.02 |
| js array keys(),values() (0) | 2018.10.31 |
Math.abs() 에 존재한다.
[링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math/abs]
| 자바 스크립트 중복 제거된 배열 얻기(집합) (0) | 2018.11.06 |
|---|---|
| canvas 이미지 품질 저하 (0) | 2018.11.06 |
| html canvas 보이는 크기와 실제 크기 다르게 설정하기 (0) | 2018.11.02 |
| js array keys(),values() (0) | 2018.10.31 |
| js eval (0) | 2018.10.30 |
음.. 해보려는데 잘 안된다?
먼저 CSS를 통해서 사이즈가 정해져 있는데
canvas.width로 하고 이미지를 써올려 보니 커진다.. -_-
var canvas = document.getElementById("canvas"), ctx = canvas.getContext("2d"); canvas.width = 600; canvas.height = 300; and then change its displayed size using css #canvas{ width: 300px; height: 150px; } |
[링크 : https://stackoverflow.com/questions/9742131/scaling-canvas-element-with-static-resolution]
[링크 : https://www.html5canvastutorials.com/advanced/html5-canvas-transform-scale-tutorial/]
[링크 : https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/scale]
| canvas 이미지 품질 저하 (0) | 2018.11.06 |
|---|---|
| 자바스크립트 절대값 abs() (0) | 2018.11.05 |
| js array keys(),values() (0) | 2018.10.31 |
| js eval (0) | 2018.10.30 |
| js split \n ' ' (0) | 2018.10.26 |
associated array 라고 해야하나..
이녀석은 length나 length()로 받아올수 없으니까
반대로 key의 갯수로 길이를 얻는 식의 우회방법을 써야 한다.
var obj = { foo: 'bar', baz: 42 }; console.log(Object.keys(obj)); // ['bar', 42] console.log(Object.values(obj)); // ['bar', 42] |
[링크 : https://4urdev.tistory.com/7]
[링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/keys]
[링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/values]
| 자바스크립트 절대값 abs() (0) | 2018.11.05 |
|---|---|
| html canvas 보이는 크기와 실제 크기 다르게 설정하기 (0) | 2018.11.02 |
| js eval (0) | 2018.10.30 |
| js split \n ' ' (0) | 2018.10.26 |
| curl text/plain (0) | 2018.10.26 |
예전에 lisp에서 우오오 했던거 같은 녀석..
eval() 을 통해서 넘겨받은 데이터를 코드로 실행한다.
즉, array 데이터를 plain/text로 받은걸
다시 array로 복구가 가능 하다는 것!
[링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/eval]
+
JSON.stringify() 등으로 문자열화 된 객체를 실제 객체로 만드는데 쓰일수도 있다.
| html canvas 보이는 크기와 실제 크기 다르게 설정하기 (0) | 2018.11.02 |
|---|---|
| js array keys(),values() (0) | 2018.10.31 |
| js split \n ' ' (0) | 2018.10.26 |
| curl text/plain (0) | 2018.10.26 |
| js date time to epoch (0) | 2018.10.26 |
안되진않네
data.split('\n')[0].split(' ');
| js array keys(),values() (0) | 2018.10.31 |
|---|---|
| js eval (0) | 2018.10.30 |
| curl text/plain (0) | 2018.10.26 |
| js date time to epoch (0) | 2018.10.26 |
| canvas to blob (2) | 2018.10.25 |
cURL을 통해서 node.js 등에 여러줄의 log 스타일 데이터를 보낼때에는
application/json 대신 text/plain 쓰면 된다는데..
문제는 body-parser 사용시 해당 방법으로 보내면 배를 짼다. 어떻게 해야하나...
[링크 : https://stackoverflow.com/questions/43054195/how-to-post-raw-body-data-with-curl]
| js eval (0) | 2018.10.30 |
|---|---|
| js split \n ' ' (0) | 2018.10.26 |
| js date time to epoch (0) | 2018.10.26 |
| canvas to blob (2) | 2018.10.25 |
| 자바스크립트 base64 인코딩, 디코딩 (0) | 2018.10.24 |
자바 스크립트에서 Date 객체를 이용하여
시간 정보를 epoch로 변환하는 방법
new Date(2010, 6, 26).getTime() / 1000 |
[링크 : https://stackoverflow.com/questions/3367415/get-epoch-for-a-specific-date-using-javascript]
+
2018.10.29
msec 단위이기 때문에 1000으로 나누어 주어야 할 듯
1970 년 1 월 1 일 00:00:00 UTC와 주어진 날짜 사이의 경과 시간 (밀리 초)을 나타내는 숫자입니다. |
[링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date/getTime]
| js split \n ' ' (0) | 2018.10.26 |
|---|---|
| curl text/plain (0) | 2018.10.26 |
| canvas to blob (2) | 2018.10.25 |
| 자바스크립트 base64 인코딩, 디코딩 (0) | 2018.10.24 |
| formdata dump (0) | 2018.10.24 |
캔버스 데이터를 blob으로 받아서 처리하는데..
머.. 결론만 말하자면 브라우저에서 파일로 받아서(input type=file)
처리하는 것 처럼 줄 방법은 없는건 매한가지 이다... 인가?
var canvas = document.getElementById('canvas'); canvas.toBlob(function(blob) { var newImg = document.createElement('img'), url = URL.createObjectURL(blob); newImg.onload = function() { // no longer need to read the blob so it's revoked URL.revokeObjectURL(url); }; newImg.src = url; document.body.appendChild(newImg); }); |
[링크 : https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob]
| curl text/plain (0) | 2018.10.26 |
|---|---|
| js date time to epoch (0) | 2018.10.26 |
| 자바스크립트 base64 인코딩, 디코딩 (0) | 2018.10.24 |
| formdata dump (0) | 2018.10.24 |
| js toHexString() (0) | 2018.10.23 |
canvas에서 영상을 dataURL로 받으면 base64로 인코딩 되어서 해결책 찾는중..
window.atob (decoding)
window.btoa (encoding)
[링크 : http://1004lucifer.blogspot.com/2016/01/javascript-base64.html]
| js date time to epoch (0) | 2018.10.26 |
|---|---|
| canvas to blob (2) | 2018.10.25 |
| formdata dump (0) | 2018.10.24 |
| js toHexString() (0) | 2018.10.23 |
| jsmpeg div로 사용시 옵션 (0) | 2018.10.18 |
|
