'잡동사니'에 해당되는 글 13295건

  1. 2018.10.04 html5 canvas crop & save
  2. 2018.10.03 게임 튜너와 안드로이드 해상도
  3. 2018.10.02 xz로 압축된 node.js 설치하기
  4. 2018.10.02 d3 font color / weight
  5. 2018.10.02 json2xls 사용 주의
  6. 2018.10.01 d3 tooltop
  7. 2018.09.30 9월의 끝 2
  8. 2018.09.29 odroid U3 18.03 업데이트 6
  9. 2018.09.28 읭? 타겟 광고인가? 4
  10. 2018.09.28 json key 추가/삭제

본목적(?)은 canvas로 그려진 jsmpeg을 캡쳐 하는건데

canvas 가 2d 컨텍스트라면 아래의 toDataURL()을 통해서 간단하게

image/png MIME 타입으로 받을수 있다.


var dataURL = canvas.toDataURL('image/png'); 

[링크 : https://weworkweplay.com/play/saving-html5-canvas-as-image/]



다만 기본 값이 GL 가속이라 disableGL을 true로 해주면 canvas가 2d로 설정되기에 캡쳐가 가능한데

문제는.. gl이나 gl-experiment로 설정해도 못받아 오는건 매한가지란거...


disableGl: true

canvas.getContext('2d'); 

[링크 : https://github.com/phoboslab/jsmpeg]


+
2018.10.25


+
2018.11.13
클릭하면 다운로드 되는 예제
해당 링크를 trigger('click')으로 하면 자동으로 다운로드 된다.

<!DOCTYPE html>

<html>

<head>

<style>

.canvas__container {

  height: 100%;

  position: relative;

  width: 100%;

}

.canvas__canvas {

  height: 100%;

  position: relative;

  width: 100%;

  z-index: 1;

}

.canvas__mirror {

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%; 

}

</style>

</head>

<body>

<div class="canvas__container">

  <canvas id="cnvs" class="canvas__canvas"></canvas>

  <img src="" id="mirror" class="canvas__mirror" />

</div>

<a href="#" class="button" id="btn-download" download="my-file-name.png">Download</a>


<script>

var cnvs = document.getElementById('cnvs'),

    ctx = cnvs.getContext('2d'),

    mirror = document.getElementById('mirror');


cnvs.width = mirror.width = window.innerWidth;

cnvs.height = mirror.height = window.innerHeight;


mirror.addEventListener('contextmenu', function (e) {

    var dataURL = canvas.toDataURL('image/png');

    mirror.src = dataURL;

});


var button = document.getElementById('btn-download');

button.addEventListener('click', function (e) {

var canvas = document.getElementById('cnvs');

    var dataURL = canvas.toDataURL('image/png');

    button.href = dataURL;

});



document.getElementById('btn-download').click();



</script>

</body>

</html> 

[링크 : https://weworkweplay.com/play/saving-html5-canvas-as-image/]

'Programming > javascript & HTML' 카테고리의 다른 글

jquery / js로 배경이미지 변경하기  (0) 2018.10.11
html canvas 크기  (0) 2018.10.07
json2xls 사용 주의  (0) 2018.10.02
json key 추가/삭제  (0) 2018.09.28
json merge  (0) 2018.09.28
Posted by 구차니

아내의 노트4 에서 게임이 좀 덜 버벅대게 하려고

게임 튜너를 깔고 설정을 하고

게임을 하면서 캡쳐를 해봤는데 원래 물리 해상도 대로 캡쳐가 된다.


FB 자체는 그대로고 openGL 렌더링 해상도를 낮추고

내부적으로 scaler를 통해 upscale 하는 개념인건가?


[링크 : https://play.google.com/store/apps/details?id=com.samsung.android.gametuner.thin&hl=ko]



+

안드로이드 6.0 이상부터 되서

S4 Active는 5.0인 관계로 안되니까 adb 를 통해서 직접 수정

(리부팅 전에는 dpi와 해상도 변경후 레이아웃이 깨지니 설정변경 이후에는 리부팅 필요한 듯)


핸드폰에서 usb 디버깅을 허용하지 않으면 처음것 처럼 에러가 뜬다.

일단은 절반으로 토막낼거니까 해상도도 절반으로

dpi도 절반으로 설정해 주니 별 문제없이 되는 듯?

C:\platform-tools>adb devices

List of devices attached

* daemon not running; starting now at tcp:5037

* daemon started successfully

176732c6        unauthorized



C:\platform-tools>adb devices

List of devices attached

176732c6        device


C:\platform-tools>adb shell

shell@jactivelteskt:/ $

shell@jactivelteskt:/ $ wm size

Physical size: 1080x1920

shell@jactivelteskt:/ $ wm size 540x960

shell@jactivelteskt:/ $ wm density

wPhysical density: 480

shell@jactivelteskt:/ $ wm density 240 

[링크 : http://blog.naver.com/shalom83/220878894684]



윈도우용 adb

[링크 : https://www.xda-developers.com/install-adb-windows-macos-linux/]

    [링크 : https://dl.google.com/android/repository/platform-tools-latest-windows.zip]


s4 active USB driver

[링크 : https://www.samsungusbdrivers.net/2017/03/samsung-galaxy-s4-active-usb-driver-for.html]

Posted by 구차니
Programming/node.js2018. 10. 2. 23:04

라즈베리 구버전을 써서 node.js가 0.10 버전대라

배포판 업그레이드 하거나 밀긴 귀찮아서

node.js arm 용으로 빌드된 걸 받아서 설치해보는데


rpi 2b니까 ARMv7용으로 받고

압축을 풀어서 bin과 lib를 /bin과 /lib로 복사해도 되고

[링크 : https://nodejs.org/ko/download/]


아래와 같이 -C / 이런 옵션을 주고 / 에다가 압축을 풀게 하는 것도 방법일 듯

tar Jxf --strip=1 -C /usr/local node-v4.4.0-linux-x64.tar.xz 

[링크 : https://stackoverflow.com/.../how-to-install-node-linux-binaries-tar-xz-file-in-ubuntu-14-04]

Posted by 구차니
Programming/d32018. 10. 2. 15:51

의외로 쉽네? 싶기도 하고..


svg.append("text")
.style("font-weight", "bold")
.style("fill", "white")
.attr("x",-5)
.attr("y",5)

.text(conn); 


[링크 : https://stackoverflow.com/.../splitting-text-for-some-bold-and-some-not-on-functional-javascript-piece]

[링크 : https://stackoverflow.com/.../how-to-set-text-color-for-my-d3-chart-title]

'Programming > d3' 카테고리의 다른 글

d3 관련 검색..  (0) 2018.10.12
d3 multi level pie 그래프  (0) 2018.10.11
d3 tooltop  (0) 2018.10.01
d3 를 이용하여 도넛 그래프 그리기  (0) 2018.09.28
d3 graph  (0) 2018.09.27
Posted by 구차니

버그인가...

데이터는 더 있는데 필드가 추가 안되는 문제가 있네..

(혹시나 해서 json도 저장해놔서 비교하는데 이런 문제가..)


[링크 : https://www.npmjs.com/package/json2xls]

[링크 : https://www.npmjs.com/package/json-to-excel]

'Programming > javascript & HTML' 카테고리의 다른 글

html canvas 크기  (0) 2018.10.07
html5 canvas crop & save  (0) 2018.10.04
json key 추가/삭제  (0) 2018.09.28
json merge  (0) 2018.09.28
jquery 선택자  (0) 2018.09.27
Posted by 구차니
Programming/d32018. 10. 1. 21:40

path.each() 가 현재 선택한 값을 d로 넘겨주고

그걸 이용해서 d.data에 path에서 연결된 dataset의 한개 항목을 넘겨준다.


[링크 : http://bl.ocks.org/arpitnarechania/577bd1d188d66dd7dffb69340dc2d9c9]

[링크 : https://stackoverflow.com/.../get-one-element-from-d3js-selection-by-index]

'Programming > d3' 카테고리의 다른 글

d3 관련 검색..  (0) 2018.10.12
d3 multi level pie 그래프  (0) 2018.10.11
d3 font color / weight  (0) 2018.10.02
d3 를 이용하여 도넛 그래프 그리기  (0) 2018.09.28
d3 graph  (0) 2018.09.27
Posted by 구차니

시간 참 빨리간다.

'개소리 왈왈 > 직딩의 비애' 카테고리의 다른 글

단풍이 절정이라는데..  (2) 2018.10.20
회사 워크샾 - 에버랜드  (3) 2018.10.08
읭? 타겟 광고인가?  (4) 2018.09.28
쓸데없는 지름신 목록  (4) 2018.08.26
그림자 분신술이 필요한건가..  (2) 2018.08.22
Posted by 구차니
embeded/odroid2018. 9. 29. 07:52

이틀에 걸쳐 했는데, 용량이 간당간당하네 -_ㅠ

아무튼 어찌어찌 업데이트는 되었는데 SD 메모리를 덤프해놔야 하려나.. 고민이네


Ubuntu 18.04.1 LTS odroid ttySAC1


odroid login: odroid

Password:

Last login: Fri Sep 28 22:01:15 UTC 2018 on ttySAC1

Welcome to Ubuntu 18.04.1 LTS (GNU/Linux 3.8.13.30 armv7l)


 * Documentation:  https://help.ubuntu.com

 * Management:     https://landscape.canonical.com

 * Support:        https://ubuntu.com/advantage



1 package can be updated.

0 updates are security updates.


odroid@odroid:~$ df -h

Filesystem      Size  Used Avail Use% Mounted on

udev            882M     0  882M   0% /dev

tmpfs           203M  2.9M  200M   2% /run

/dev/mmcblk0p2  7.1G  5.3G  1.6G  78% /

tmpfs          1012M  100K 1012M   1% /dev/shm

tmpfs           5.0M  4.0K  5.0M   1% /run/lock

tmpfs          1012M     0 1012M   0% /sys/fs/cgroup

/dev/mmcblk0p1  128M  6.1M  122M   5% /media/boot

tmpfs           203M   16K  203M   1% /run/user/108

tmpfs           203M     0  203M   0% /run/user/1000 


'embeded > odroid' 카테고리의 다른 글

odroid xu4 AP 관련  (0) 2020.03.07
HEVC, H.265 지원 싱글보드  (0) 2019.04.23
odroid U3 방열판/쿨러  (0) 2018.09.26
odroid U3 eMMC 복구  (0) 2018.09.26
odroid 고민..  (2) 2018.09.26
Posted by 구차니

오늘 열나게 node.js로 웹 크롤러 만들고 나서

돌아 다니다 보니 뜬 광고 ㅋㅋㅋㅋ


오늘 한게 수업 22만원 어치라니!


[링크 : http://codingapple.com/goods/goods_view.php?goodsNo=1000000034]

'개소리 왈왈 > 직딩의 비애' 카테고리의 다른 글

회사 워크샾 - 에버랜드  (3) 2018.10.08
9월의 끝  (2) 2018.09.30
쓸데없는 지름신 목록  (4) 2018.08.26
그림자 분신술이 필요한건가..  (2) 2018.08.22
갑자기 가을  (0) 2018.08.16
Posted by 구차니

동적 추가

var keyname = '';

var something = { };

something[keyname + 'postfix'] = 'value'; 

[링크 : https://blog.outsider.ne.kr/675]


삭제

var json = {NAME: "John", AGE: 30, SEX: "male"};

json.BIRTHDAY = '2001-03-01';

delete json.SEX; 

[링크 : https://gent.tistory.com/21]


+

2018.11.21

[링크 : https://stackoverflow.com/questions/19837916/creating-object-with-dynamic-keys]

'Programming > javascript & HTML' 카테고리의 다른 글

html5 canvas crop & save  (0) 2018.10.04
json2xls 사용 주의  (0) 2018.10.02
json merge  (0) 2018.09.28
jquery 선택자  (0) 2018.09.27
jquery n번째 요소 선택하기, select 선택하기  (0) 2018.09.27
Posted by 구차니