Penjelasan rinci akses perangkat akses perangkat HTML5

Alamat referensi

Terutama menggunakan input type=file,accept=image/* untuk diproses

Metode pratinjau gambar (dua jenis)

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

Alamat referensi

1. mulai sentuh
2. menyentuh
3. touchcancel dipicu oleh kejadian lebih lanjut seperti akses telepon atau informasi pop-up, dan umumnya merupakan operasi penyimpanan.
4. gerakan sentuh
5. geolokasi

Alamat referensi

Perhatikan bahwa Google Chrome memerlukan https untuk menyediakan layanan lokasi.

 if (navigator.geolocation){ navigator.geolocation.getCurrentPosition((position) => { this.geolocation = `latitude:${position.coords.latitude},longitude:${position.coords.longitude}` }, (err ) => { console.log(err }, { aktifkanAkurasi Tinggi: benar, Usia maksimum : 30000, // buffer memori batas waktu waktu habis : 27000 // waktu tunggu }) } else { alert('geolokasi tidak didukung!') }

Alamat referensi

 window.addEventListener('deviceorientation',(doe) => { this.absolute = doe.absolute //false berarti data orientasi disediakan oleh sistem koordinat perangkat this.alpha = doe.alpha // di sekitar sumbu Z 0-360 saat masuk Arah horizontal ponsel adalah 0 atau 360 this.beta = doe.beta // Di sekitar sumbu X -180~180 menggambarkan putaran dari depan ke belakang this.gamma = doe.gamma // Deskripsi rotasi dari kiri ke kanan di sekitar sumbu Y -90~90}, benar) // chrome v65 hanya mendukung akselerasiTermasuk Gravitasi dan interval (tidak boleh ditemukan karena beberapa batasan), dan versi terbaru lainnya browser pada dasarnya mendukung window.addEventListener('devicemotion', (dme) => { this.acceleration = dme.acceleration this.accelerationIncludingGravity = dme.accelerationIncludingGravity this.rotationRate = dme.rotationRate this.interval = dme.interval }, salah)

Alamat referensi

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

 // Contoh sederhana, kunci mouse di dalam elemen elemen kunci penunjuk let = document.getElementById(pointer-lock-element); document.addEventListener(mousemove, function(e) { var motionX = e.movementX motionY = e. motionY //Cetak nilai tambahan gerakan mouse console.log(X= + motionX, Y= + motionY }, false); elem = document.getElementById(pointer-lock-element); elem.requestPointerLock = elem.requestPointerLock ||. elem.mozRequestPointerLock ||.

Di atas adalah keseluruhan isi artikel ini, saya harap dapat bermanfaat untuk pembelajaran semua orang. Saya juga berharap semua orang mendukung VeVb Wulin Network.