Canvas adalah elemen HTML yang memungkinkan rendering bentuk 2D, bentuk 3D, gambar bitmap, dan animasi yang dinamis dan skrip dapat ditulis dalam format 2D dan 3D.
Setelah bereksperimen dengan operasi komposit dan menggambar gambar pada kanvas saya sekarang mencoba untuk menghapus gambar dan pengomposisian. Bagaimana saya melakukan ini? Saya perlu membersihkan kanvas untuk menggambar ulang gambar lain; ini bisa berlangsung sebentar jadi saya tidak berpikir...
Apa pendekatan terbaik untuk membuat elemen dengan cepat dan mampu memindahkannya? Sebagai contoh, katakanlah saya ingin membuat persegi panjang, lingkaran, dan poligon, lalu pilih objek-objek itu dan pindahkan. Saya mengerti bahwa HTML5 menyediakan tiga elemen yang memungkinkan ini: svg , canvas...
Bagaimana saya bisa secara otomatis skala <canvas>elemen HTML5 agar sesuai dengan halaman? Sebagai contoh, saya bisa mendapatkan <div>skala dengan mengatur heightdan widthproperti ke 100%, tetapi <canvas>skala tidak akan,
Saya sedang mengerjakan proyek seni generatif di mana saya ingin memungkinkan pengguna untuk menyimpan gambar yang dihasilkan dari suatu algoritma. Ide umumnya adalah: Buat gambar pada Kanvas HTML5 menggunakan algoritma generatif Ketika gambar selesai, izinkan pengguna untuk menyimpan kanvas...
Saya ingin memiliki halaman web yang memiliki satu kata terpusat. Saya ingin kata ini digambar dengan animasi, sehingga halaman "menulis" kata dengan cara yang sama seperti yang kita inginkan, yaitu mulai pada satu titik dan menggambar garis dan kurva dari waktu ke waktu sehingga hasil akhirnya...
Saya menggunakan alat JavaScript "Canvas2Image" Nihilogic untuk mengonversi gambar kanvas ke gambar PNG. Yang saya butuhkan sekarang adalah untuk mengubah string base64 yang dihasilkan alat ini, menjadi file PNG aktual di server, menggunakan PHP. Singkatnya, apa yang saya lakukan saat ini adalah...
Saya ingin menyimpan kanvas saya ke img. Saya memiliki fungsi ini: function save() { document.getElementById("canvasimg").style.border = "2px solid"; var dataURL = canvas.toDataURL(); document.getElementById("canvasimg").src = dataURL; document.getElementById("canvasimg").style.display =...
Foto kamera digital sering disimpan sebagai JPEG dengan tag "orientasi" EXIF. Untuk menampilkan dengan benar, gambar perlu diputar / dicerminkan tergantung pada orientasi mana yang diatur, tetapi browser mengabaikan informasi ini membuat gambar. Bahkan dalam aplikasi web komersial besar, dukungan...
Saya menggunakan elemen kanvas html5 untuk mengubah ukuran gambar di browser saya. Ternyata kualitasnya sangat rendah. Saya menemukan ini: Nonaktifkan Interpolasi saat Melakukan Penskalaan <kanvas> tetapi tidak membantu meningkatkan kualitas. Di bawah ini adalah kode css dan js saya serta...
Untuk aplikasi menggambar, saya menyimpan koordinat gerakan mouse ke array kemudian menggambarnya dengan lineTo. Garis yang dihasilkan tidak mulus. Bagaimana saya bisa menghasilkan kurva tunggal antara semua poin yang dikumpulkan? Saya sudah googled tetapi saya hanya menemukan 3 fungsi untuk...
Kode saya berfungsi dengan baik di localhost saya tetapi tidak berfungsi di situs. Saya mendapatkan kesalahan ini dari konsol, untuk baris ini .getImageData(x,y,1,1).data: Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by...
Saya ingin memutar foto berdasarkan rotasi aslinya, seperti yang diatur oleh kamera dalam data gambar JPEG EXIF. Triknya adalah semua ini harus terjadi di browser, menggunakan JavaScript dan <canvas>. Bagaimana JavaScript dapat mengakses JPEG, objek API file lokal, lokal <img>atau...
Saya telah mencoba untuk mengubah apa yang tampaknya menjadi warna latar belakang default kanvas saya dari hitam menjadi transparan / warna lain - tetapi tidak berhasil. HTML saya: <canvas id="canvasColor"> CSS saya: <style type="text/css"> #canvasColor { z-index:...
Apakah ada alasan, kecuali kinerja, untuk menggunakan WebGL dan bukan 2D-Canvas untuk game / aplikasi 2D ? Dengan kata lain, fungsi 2D apa yang ditawarkan oleh WebGL yang tidak mungkin dicapai dengan mudah dengan
Saya mencoba untuk menumpuk dua kanvas bersama-sama dan menjadikannya kanvas lapisan ganda. Saya telah melihat contoh di sini: <div style="position: relative;"> <canvas id="layer1" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas>...
Tertutup . Pertanyaan ini perlu lebih difokuskan . Saat ini tidak menerima jawaban. Ingin memperbaiki pertanyaan ini? Perbarui pertanyaan sehingga hanya berfokus pada satu masalah dengan mengedit posting ini . Tutup 7 tahun yang lalu . Perbaiki...
Saya mencoba mengubah ukuran beberapa gambar dengan kanvas tetapi saya tidak tahu cara menghaluskannya. Pada photoshop, browser, dll. Ada beberapa algoritma yang mereka gunakan (misalnya bicubic, bilinear) tetapi saya tidak tahu apakah ini dibuat di kanvas atau tidak. Ini biola saya:...
Saya total n00b dengan HTML5dan saya bekerja dengan canvasuntuk membuat bentuk, warna, dan teks. Di aplikasi saya, saya memiliki adaptor tampilan yang membuat kanvas secara dinamis, dan mengisinya dengan konten. Ini bekerja dengan sangat baik, kecuali teks saya dibuat sangat kabur / buram /...
Saya menggunakan grafik Gauge berdasarkan ( Chartjs-tsgauge ). Saya ingin mengatur warna latar belakang untuk bagan terpisah dari batas ukuran. Masalah dengan bagaimana Charts.JS merender latar belakang karena plugin yang saya gunakan tidak memiliki kode tentang latar belakang. Misalnya, saya...