'회사일' 카테고리의 다른 글
CC 인증(Common Criteria) (0) | 2018.12.13 |
---|---|
edge - fog computing (0) | 2018.10.12 |
dpdk (0) | 2018.10.05 |
찾아 볼 것 들 (0) | 2018.07.10 |
회사 가습기 고침 -_- (4) | 2018.03.26 |
CC 인증(Common Criteria) (0) | 2018.12.13 |
---|---|
edge - fog computing (0) | 2018.10.12 |
dpdk (0) | 2018.10.05 |
찾아 볼 것 들 (0) | 2018.07.10 |
회사 가습기 고침 -_- (4) | 2018.03.26 |
chart를 생성할때 d3.timeline()에 .stack()을 넣어주지 않으면 한줄로 나온다. -_-
d3 arc (0) | 2018.10.16 |
---|---|
d3 color (0) | 2018.10.16 |
d3 관련 검색.. (0) | 2018.10.12 |
d3 multi level pie 그래프 (0) | 2018.10.11 |
d3 font color / weight (0) | 2018.10.02 |
찾아는 봐야겠지만..
fakepath와는 별개로
cropper.getCroppedCanvas({ width: 160, height: 90, minWidth: 256, minHeight: 256, maxWidth: 4096, maxHeight: 4096, fillColor: '#fff', imageSmoothingEnabled: false, imageSmoothingQuality: 'high', }); // Upload cropped image to server if the browser supports `HTMLCanvasElement.toBlob` cropper.getCroppedCanvas().toBlob((blob) => { const formData = new FormData(); formData.append('croppedImage', blob); // Use `jQuery.ajax` method $.ajax('/path/to/upload', { method: "POST", data: formData, processData: false, contentType: false, success() { console.log('Upload success'); }, error() { console.log('Upload error'); }, }); }); |
[링크 : https://github.com/fengyuanchen/cropperjs]
+
[링크 : https://www.npmjs.com/package/form-data]
[링크 : https://skout90.github.io/2018/08/24/Node.js/blob-객체-컨트롤/]
console.log 에 객체 배열 출력하기 (0) | 2018.10.15 |
---|---|
ajax를 동기로(?) (0) | 2018.10.15 |
캔버스에 그리고 드래그 하여 다른 캔버스로 영역 복사하기 (0) | 2018.10.11 |
css & jquery animation (0) | 2018.10.11 |
jquery / js로 배경이미지 변경하기 (0) | 2018.10.11 |
gallery가 이것저것 키워드 얻는 용도랑, 예제 찾기로 쓰면 좋음
[링크 : https://github.com/d3/d3/wiki]
[링크 : https://github.com/d3/d3/wiki/Gallery]
timeline 그래프
[링크 : https://github.com/commodityvectors/d3-timeline]
태그 클라우드(나중에 블로그에...)
[링크 : https://www.jasondavies.com/wordcloud/]
enter/exit
d3 color (0) | 2018.10.16 |
---|---|
d3 timeline (0) | 2018.10.12 |
d3 multi level pie 그래프 (0) | 2018.10.11 |
d3 font color / weight (0) | 2018.10.02 |
d3 tooltop (0) | 2018.10.01 |
머.. 한줄요약하면 드래그 앤 크랍(drag & crop)
jsmpeg으로 영상을 보여주는 canvas에 드래그를 하면 복사해서 다른 캔버스로 넣어주는 코드
주의 :정비율 출력은 좀 더 찾아 봐야 함
---
void ctx.drawImage(image, dx, dy); void ctx.drawImage(image, dx, dy, dWidth, dHeight); void ctx.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight); |
[링크 : https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage]
img로 받아온 걸 drawImage로 canvas에 그리기
var img = new Image(); img.src = "image.jpg"; img.onload = function() { context.drawImage(img, 0, 0); }; |
[링크 : https://stackoverflow.com/.../how-can-i-change-the-image-source-within-a-canvas-using-jquery]
img to canvas
canvas to canvas로 쓸만한 방법
원본 영상을 원하는 대로 잘라서 쓸 수 있다.
[링크 : https://www.html5canvastutorials.com/tutorials/html5-canvas-image-crop/]
getImage는 원하는 영역을 잘라낼수 있는 장점이 있다.
하지만 getImage는 영상 데이터를 RGB 배열로 받아서, toDataURL() 처럼 Img에 넣는 방법을 쓸 수 없다
어떠한 변환을 통해 Base64 인코딩 해서 넣을수 있다면 쓸 수는 있을 듯
[링크 : https://stackoverflow.com/questions/28538913/crop-an-image-displayed-in-a-canvas]
ajax를 동기로(?) (0) | 2018.10.15 |
---|---|
로컬파일 접근...이 안되는거니까.. (0) | 2018.10.12 |
css & jquery animation (0) | 2018.10.11 |
jquery / js로 배경이미지 변경하기 (0) | 2018.10.11 |
html canvas 크기 (0) | 2018.10.07 |
명확한 원인과 해결방법은 아직 못 찾음
mac과 centos에서 node.js를 통해 mysql 접속시 장시간 지난후
이런 에러가 발생을 하는데 mysql 쪽 세션 timeout 이 원인으로 추정됨
{"code":"PROTOCOL_ENQUEUE_AFTER_FATAL_ERROR","fatal":false} |
[링크 : https://stackoverflow.com/.../node-js-mysql-protocol-enqueue-after-fatal-error]
[링크 : https://stackoverflow.com/...mac-and-have-an-error-occurred-when-deploying-on-centos]
+
일정 주기로 쓸모없는 쿼리문 보내도록 해주는 미봉책
[링크 : http://nashorn.tistory.com/entry/Nodejs-서버-운영시-발생하는-오류-대응]
node.js spawn 과 exec (0) | 2018.10.16 |
---|---|
node tmp uuid (0) | 2018.10.12 |
node.js 정적 파일 서비스 (0) | 2018.10.10 |
waveform 출력하는 자바스크립트 모듈 (0) | 2018.10.05 |
xz로 압축된 node.js 설치하기 (0) | 2018.10.02 |
altera/intel FPGA는 어떻게 되려나?
로직 한계로 atom을 박을순 없을테고 승기를 완전히 잡아 버리는 한수가 될 거 같네
zynq mio (0) | 2021.03.16 |
---|---|
zynq runtime pl fpga update (0) | 2021.03.15 |
xilinx DONE (0) | 2018.05.04 |
vivado I/O Ports 연결 컨셉 (0) | 2018.03.23 |
vivado device constraint (0) | 2018.03.20 |
jquery를 이용한 애니메이션 설정
$(selector).animate({params},speed,callback); |
[링크 : https://www.w3schools.com/jquery/jquery_animate.asp]
마우스 오버시 줌 애니메이션(트랜지션 시간 설정)
[링크 : https://www.w3schools.com/howto/howto_css_zoom_hover.asp]
로컬파일 접근...이 안되는거니까.. (0) | 2018.10.12 |
---|---|
캔버스에 그리고 드래그 하여 다른 캔버스로 영역 복사하기 (0) | 2018.10.11 |
jquery / js로 배경이미지 변경하기 (0) | 2018.10.11 |
html canvas 크기 (0) | 2018.10.07 |
html5 canvas crop & save (0) | 2018.10.04 |
jquery로 css를 변경하는 방법
$("p").css("background-color"); |
[링크 : https://www.w3schools.com/jquery/jquery_css.asp]
[링크 : https://www.tutorialspoint.com/How-to-change-the-background-image-using-jQuery]
+
2018.10.11
$("#my_image").attr("src","second.jpg"); |
[링크 : https://stackoverflow.com/questions/554273/changing-the-image-source-using-jquery]
캔버스에 그리고 드래그 하여 다른 캔버스로 영역 복사하기 (0) | 2018.10.11 |
---|---|
css & jquery animation (0) | 2018.10.11 |
html canvas 크기 (0) | 2018.10.07 |
html5 canvas crop & save (0) | 2018.10.04 |
json2xls 사용 주의 (0) | 2018.10.02 |
직접 그리는 법을 찾아 보려고 하니
drilldown이라는 키워드가 보인다. 머하는 녀석인진 아직 파악 못함
[링크 : https://pshivale.github.io/psd3/]
[링크 : https://github.com/pshivale/psd3/blob/gh-pages/psd3.js]
drilldown
[링크 : https://stackoverflow.com/questions/23153403/drilldown-multiple-levels-highchart]
d3 timeline (0) | 2018.10.12 |
---|---|
d3 관련 검색.. (0) | 2018.10.12 |
d3 font color / weight (0) | 2018.10.02 |
d3 tooltop (0) | 2018.10.01 |
d3 를 이용하여 도넛 그래프 그리기 (0) | 2018.09.28 |