HTML5 장치 액세스 장치 액세스 자세한 설명

참조 주소

주로 입력 유형=파일, accept=image/*를 사용하여 처리합니다.

이미지 미리보기 방법(2가지 유형)

 const file = e.target.files[0]//방법 1 const url1 = window.URL.createObjectURL(file);let url2//방법 2 const reader = new FileReader();reader.onload = (e) => { url2 = e.target.result;};reader.readAsDataURL(파일);

참조 주소

1. 터치스타트
2. 만지다
3. touchcancel은 전화 액세스나 팝업 정보와 같은 고급 이벤트에 의해 트리거되며 일반적으로 저장 작업입니다.
4. 터치무브
5. 지리적 위치

참조 주소

Google Chrome에서 위치 서비스를 제공하려면 https가 필요합니다.

 if (navigator.geolocation){ navigator.geolocation.getCurrentPosition((position) => { this.geolocation = `latitude:${position.coords.latitude},longitude:${position.coords.longitude}` }, (err ) => { console.log(err) }, { enableHighAccuracy: true, maximumAge : 30000, // 버퍼 메모리 timere timeout : 27000 // 대기 시간 }) } else { Alert('위치정보가 지원되지 않습니다!') }

참조 주소

 window.addEventListener('deviceorientation',(doe) => { this.absolute = doe.absolute //false는 방향 데이터가 장치 자체 좌표계에서 제공된다는 의미입니다. this.alpha = doe.alpha // Z축 주위 입력시 0-360 휴대폰의 가로방향은 0 또는 360 this.beta = doe.beta // X축을 기준으로 -180~180은 앞에서 뒤로 회전을 기술합니다. this.gamma = doe.gamma // Y축을 기준으로 왼쪽에서 오른쪽으로 회전하는 설명 -90~90}, true) // 크롬 v65는 AccelerationIncludeGravity 및 간격(일부 제한으로 인해 찾을 수 없음)만 지원하며, 기타 최신 버전에서는 브라우저는 기본적으로 window.addEventListener('devicemotion', (dme) => { this.acceleration = dme.acceleration this.accelerationInclusiveGravity =를 지원합니다. dme.accelerationInclusiveGravity this.rotationRate = dme.rotationRate this.interval = dme.interval }, false)

참조 주소

 <button onclick=lockPointer();>잠그세요!</button> <div id=pointer-lock-element style=width:500px;height:500px; background-color: red></div>

 // 간단한 예, 포인터 잠금 요소 내부에 마우스를 잠급니다. let = document.getElementById(pointer-lock-element); document.addEventListener(mousemove, function(e) { var movementX = e.movementX movementY = e. movementY //마우스 이동의 증분 값을 인쇄합니다. console.log(X= + movementX, Y= + movementY) }, false); elem = document.getElementById(pointer-lock-element); elem.requestPointerLock || elem.mozRequestPointerLock || elem.requestPointerLock();

위의 내용은 이 기사의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다. 또한 모든 분들이 VeVb Wulin Network를 지지해 주시길 바랍니다.