고갱님의 요청 사항에 의해서 검색을 하는데

구글 API 내용도 조금 걸려나오지만

선이 천천히 그려지는 애니메이션 효과 자체는 기대하기 힘든 듯..

(즉, timer를 쓰던 멀 하던 따로 구현을 해야 하는 것으로 보임)


circle duration

[링크 : https://navermaps.github.io/maps.js/docs/tutorial-3-event-overlay.example.html]



마커 bound animation

[링크 : https://navermaps.github.io/maps.js/docs/tutorial-marker-animation.example.html]

Posted by 구차니

내가 찾던 '그' 방식

map을 생성할때 option 객체를 통해 생성하니 더욱 간결해서 좋다.


[링크 : https://navermaps.github.io/maps.js/docs/tutorial-3-control-positioning.example.html]


아래는 버튼을 따로 그리고 절대 좌표로 띄워놓는 방식

<style type="text/css">

#wrap .buttons { position:absolute;top:0;left:0;z-index:1000;padding:5px; }

#wrap .buttons .control-btn { margin:0 5px 5px 0; }

</style>

<div id="wrap" class="section">

<h2>지도 유형 설정하기</h2>

<p>지도의 유형을 설정하는 예제입니다. 이 예제는 jQuery 구문을 포함하고 있습니다.</p>

<div id="map" style="width:100%;height:600px;">

<div class="buttons">

<input id="NORMAL" type="button" value="일반지도" class="control-btn control-on" />

<input id="TERRAIN" type="button" value="지형도" class="control-btn" />

<input id="SATELLITE" type="button" value="위성지도" class="control-btn" />

<input id="HYBRID" type="button" value="겹쳐보기" class="control-btn" />

</div>

</div>

<code id="snippet" class="snippet"></code>

</div>

<script id="code">

var map = new naver.maps.Map('map', {

center: new naver.maps.LatLng(37.3595704, 127.105399),

zoom: 10

});


var btns = $(".buttons > input");

btns.on("click", function(e) {

e.preventDefault();


var mapTypeId = this.id;


if (map.getMapTypeId() !== naver.maps.MapTypeId[mapTypeId]) {

map.setMapTypeId(naver.maps.MapTypeId[mapTypeId]); // 지도 유형 변경하기


btns.removeClass("control-on");

$(this).addClass("control-on");

}

});

</script> 

[링크 : https://navermaps.github.io/maps.js/docs/tutorial-3-map-types.example.html]

Posted by 구차니
회사일2018. 10. 5. 22:58

나중에 찾아보자...


[링크 : https://www.dpdk.org]

'회사일' 카테고리의 다른 글

edge - fog computing  (0) 2018.10.12
sparql / pdf  (0) 2018.10.12
찾아 볼 것 들  (0) 2018.07.10
회사 가습기 고침 -_-  (4) 2018.03.26
헬리코일 - HELICOIL  (0) 2018.02.19
Posted by 구차니
embeded/arduino(genuino)2018. 10. 5. 22:58

회사 다른분 차량에 달려있던 자동차 타이어 공기압 센서에

433MHz 써있는 걸로 찾아보기 시작


아무튼 TPMS 혹은 TPM 이라고 표기하기도 하고

IVTM이라고 표기하기도 하는데 브랜드 명이나 특허로 인한 고유명사인 것 같다.

(Tire Pressure Measure System 정도가 무난한 약어인듯)


ISM 대역으로 쓸 뿐이고 딱히 zigbee나 bluetooth 처럼

명칭이 붙는 어떠한 기술은 아닌듯


[링크 : http://vctec.co.kr/.../433mhz-무선-리시버-및-트랜시버-모듈.../10440/#none]

[링크 : https://www.rohde-schwarz.com/kr/applications/-tpms-application-card_56279-4820.html]


일단.. 버스용 인데 내장 리튬배터리로 6.5년 정도 보증을 하는 듯

[링크 : http://inform.wabco-auto.com/intl/pdf/815/00/45/8150100453.pdf]

'embeded > arduino(genuino)' 카테고리의 다른 글

e-paper 모듈 (아두이노 HAT)  (0) 2019.04.17
dfrobot ph meter  (0) 2018.12.19
firmata c library client  (0) 2018.05.18
아두이노로 상용제품 만들기  (2) 2018.04.10
아두이노 미세먼지 센서  (2) 2018.03.30
Posted by 구차니
Programming/node.js2018. 10. 5. 19:25

canvas를 이용해서 waveform을 그려주는 녀석인.. 듯?

아무튼 파형 확대/축소도 가능하고

이퀄라이저도 포함되는 녀석이라 한번 써볼만 할 듯


[링크 : https://wavesurfer-js.org]

Posted by 구차니

php

은행갔다가 발견한 먼가 미묘한 키워드(?)

PHP

CAD


흐음... (응?)



'개소리 왈왈 > 사진과 수다' 카테고리의 다른 글

11월 11일 11시 11분  (4) 2019.11.28
카카오 지네(?)  (8) 2018.12.12
eos r  (2) 2018.09.19
태양이 싫어  (2) 2018.08.17
옥수수, 그리고 무궁화  (0) 2018.08.04
Posted by 구차니

본목적(?)은 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 구차니