Pertanyaan yang diberi tag «canvas»

Canvas adalah istilah umum untuk permukaan gambar yang digunakan dengan banyak API output grafik bentuk bebas. Gunakan tag ini dengan tag lain yang menunjukkan API grafik spesifik yang sedang digunakan bersama dengan bahasa pemrograman dan lingkungan target: [android], [uwp], [wpf], [tkinter], [java], [html5], [chart.js] dll. Juga termasuk tag kanvas tertentu seperti [android-canvas], [html5-canvas], [tkinter-canvas] jika sesuai.

5
Algoritma Tiling Peta
Peta Saya membuat RPG berbasis ubin dengan Javascript, menggunakan perlin noise noise tinggi, kemudian menetapkan jenis ubin berdasarkan ketinggian suara. Peta akhirnya terlihat seperti ini (dalam tampilan minimap). Saya memiliki algoritma yang cukup sederhana yang mengekstraksi nilai warna dari setiap piksel pada gambar dan mengubahnya menjadi bilangan bulat (0-5) tergantung …
7
HTML5 Kanvas Tinggi 100% Lebar Penayangan?
Saya mencoba membuat elemen kanvas yang membutuhkan 100% lebar dan tinggi viewport. Anda dapat melihat dalam contoh saya di sini yang sedang terjadi, namun menambahkan bilah gulir di Chrome dan FireFox. Bagaimana saya bisa mencegah bilah gulir tambahan dan hanya memberikan lebar dan tinggi jendela persis seperti ukuran kanvas?
151 jquery  html  canvas  viewport 
14
HTML5 Canvas Resize (Downscale) Kualitas Gambar Tinggi?
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 gambar yang dipindai dengan Photoshop dan diskalakan di kanvas API. …
10
Bagaimana Cara Menyimpan Kanvas Sebagai Gambar Dengan canvas.toDataURL ()?
Saat ini saya sedang membangun aplikasi bawaan HTML5 / aplikasi telepon bawaan dan sepertinya saya tidak tahu bagaimana cara menyimpan kanvas saya sebagai gambar dengan canvas.toDataURL() . Bisakah seseorang membantu saya? Ini kodenya, ada apa dengan itu? // Kanvas saya bernama "canvasSignature" JavaScript: function putImage() { var canvas1 = document.getElementById("canvasSignature"); …
8
Cara terbaik untuk mendeteksi bahwa HTML5 <canvas> tidak didukung
Cara standar untuk menangani situasi di mana browser tidak mendukung &lt;canvas&gt;tag HTML5 adalah dengan menyematkan beberapa konten mundur seperti: &lt;canvas&gt;Your browser doesn't support "canvas".&lt;/canvas&gt; Tetapi sisa halaman tetap sama, yang mungkin tidak sesuai atau menyesatkan. Saya ingin beberapa cara mendeteksi kanvas yang tidak mendukung sehingga saya dapat menyajikan sisa halaman …
10
cara menggambar kurva halus melalui titik N menggunakan kanvas HTML5 javascript?
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 menggambar garis: Untuk 2 titik sampel, cukup gunakan lineTo. Untuk …
5
Menggambar file SVG pada kanvas HTML5
Apakah ada cara default untuk menggambar file SVG ke kanvas HTML5? Google Chrome mendukung memuat SVG sebagai gambar (dan hanya menggunakan drawImage), tetapi konsol pengembang memperingatkannya resource interpreted as image but transferred with MIME type image/svg+xml. Saya tahu bahwa kemungkinan akan mengubah SVG ke perintah kanvas (seperti dalam pertanyaan ini …
130 html  canvas  svg 
2
Cara Menyalin Isi Satu Kanvas ke Kanvas Lain Secara Lokal
Saya ingin menyalin SEMUA konten dari satu kanvas dan mentransfernya ke kanvas lain semua di sisi klien. Saya akan berpikir bahwa saya akan menggunakan metode canvas.toDataURL()dan context.drawImage()untuk mengimplementasikan ini tetapi saya mengalami beberapa masalah. Solusi saya adalah mendapatkan Canvas.toDataURL()dan menyimpan ini dalam objek Gambar di Javascript, dan kemudian menggunakan context.drawImage()metode …
129 html  canvas 
5
Nonaktifkan Interpolasi saat Menskalakan <canvas>
CATATAN : Ini ada hubungannya dengan bagaimana elemen kanvas yang ada dirender saat diperbesar , bukan dengan bagaimana garis atau grafik dirender ke permukaan kanvas . Dengan kata lain, ini memiliki semuanya harus dilakukan dengan interpolasi dari elemen skala , dan tidak ada hubungannya dengan antialiasing grafis yang digambar di …
126 javascript  html  canvas 
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.