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.

10
Apa perbedaan antara SVG dan HTML5 Canvas?
Apa perbedaan antara SVG dan HTML5 Canvas? Mereka berdua sepertinya melakukan hal yang sama padaku. Pada dasarnya, mereka berdua menggambar karya seni vektor menggunakan titik koordinat. Apa yang saya lewatkan? Apa perbedaan utama antara SVG dan HTML5 Canvas? Mengapa saya harus memilih salah satu dari yang lain?
92 html  canvas  svg 
5
Bagaimana mengisi seluruh kanvas dengan warna tertentu
Cara mengisi seluruh HTML5 <canvas>dengan satu warna. Saya melihat beberapa solusi seperti ini untuk mengubah warna latar belakang menggunakan CSS tetapi ini bukan solusi yang baik karena kanvas tetap transparan, satu-satunya hal yang berubah adalah warna ruang yang ditempati. Cara lainnya adalah dengan membuat sesuatu dengan warna di dalam kanvas, …
10
Mengapa canvas.toDataURL () memunculkan pengecualian keamanan?
Apakah saya tidak cukup tidur atau apa? Kode berikut ini var frame=document.getElementById("viewer"); frame.width=100; frame.height=100; var ctx=frame.getContext("2d"); var img=new Image(); img.src="http://www.ansearch.com/images/interface/item/small/image.png" img.onload=function() { // draw image ctx.drawImage(img, 0, 0) // Here's where the error happens: window.open(frame.toDataURL("image/png")); } melempar kesalahan ini: SECURITY_ERR: DOM Exception 18 Tidak mungkin ini tidak berhasil! Adakah yang …
8
Ubah ukuran gambar dengan kanvas javascript (mulus)
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: http://jsfiddle.net/EWupT/ var canvas = document.createElement('canvas'); var ctx = canvas.getContext('2d'); …
2
Data PNG Base64 ke kanvas HTML5
Saya ingin memuat gambar PNG yang dikodekan dalam Base64 ke elemen kanvas. Saya memiliki kode ini: <html> <head> </head> <body> <canvas id="c"></canvas> <script type="text/javascript"> var canvas = document.getElementById("c"); var ctx = canvas.getContext("2d"); data = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oMCRUiMrIBQVkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12NgoC4AAABQAAEiE+h1AAAAAElFTkSuQmCC"; ctx.drawImage(data, 0, 0); </script> </body> </html> Di Chrome 8 saya mendapatkan kesalahan: Uncaught TypeError: Type …
90 html  canvas  png  base64 
3
Nonaktifkan scrolling tombol panah di browser pengguna
Saya membuat game menggunakan kanvas, dan javascript. Ketika halaman lebih panjang dari layar (komentar, dll.) Menekan panah bawah akan menggulung halaman ke bawah, dan membuat permainan tidak mungkin untuk dimainkan. Apa yang dapat saya lakukan untuk mencegah jendela bergulir saat pemain hanya ingin bergerak ke bawah? Saya kira dengan game …
13
Mengubah ukuran kanvas Chart.js
Dalam ( kesalahan kanvas HTML5 Android WebView ) saya memposting pertanyaan tentang merencanakan grafik menggunakan pustaka Graph.js. Masalah yang saya miliki sekarang adalah jika saya memanggil fungsi untuk memplot grafik beberapa kali, kanvas akan berubah ukuran setiap saat. Setiap kali grafik digambar ulang ke kanvas yang sama, ukurannya juga berubah. …
87 html  canvas  chart.js 
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.