Pertanyaan yang diberi tag «canvas»

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 menggambar persegi panjang baru setiap kali akan menjadi pilihan yang paling …

1013 javascript  html  canvas  html5-canvas  composite 

"Laporkan Bug" atau "Alat Umpan Balik" Google memungkinkan Anda memilih area jendela browser Anda untuk membuat tangkapan layar yang dikirimkan bersama umpan balik Anda tentang bug. Cuplikan layar oleh Jason Small, diposting dalam pertanyaan rangkap . Bagaimana mereka melakukan ini? API umpan balik Google JavaScript dimuat dari sini dan ikhtisar …

924 javascript  html  canvas  screenshot 

Apakah mungkin untuk mengambil atau mencetak apa yang ditampilkan di kanvas html sebagai gambar atau pdf? Saya ingin menghasilkan gambar melalui kanvas, dan dapat menghasilkan png dari gambar itu.

719 javascript  html  canvas  export  png 

Saya mencoba membuat gambar mini di sisi klien menggunakan javascript dan elemen kanvas, tetapi ketika saya mengecilkan gambar, itu tampak mengerikan. Sepertinya itu dirampingkan di photoshop dengan resampling diatur ke 'Nearest Neighbor' alih-alih Bicubic. Saya tahu ini mungkin untuk membuat ini terlihat benar, karena situs ini dapat melakukannya dengan baik …

314 javascript  html  canvas  image-resizing 

Apa cara paling sederhana untuk menambahkan event handler klik ke elemen kanvas yang akan mengembalikan koordinat x dan y klik (relatif terhadap elemen kanvas)? Tidak diperlukan kompatibilitas browser lama, Safari, Opera, dan Firefox akan melakukannya.

276 javascript  canvas 

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 adalah mesin terbang. Saya …

229 javascript  css  canvas  html5-canvas  css-shapes 

Tutup. Pertanyaan ini tidak dapat direproduksi atau disebabkan oleh kesalahan ketik . Saat ini tidak menerima jawaban. Ingin meningkatkan pertanyaan ini? Perbarui pertanyaan sehingga sesuai topik untuk Stack Overflow. Ditutup 6 tahun yang lalu . Perbaiki pertanyaan ini Maafkan judul yang lucu. Saya telah membuat demo grafis kecil dengan 200 …

202 javascript  canvas  geometry  physics  collision 

Menggunakan <canvas>elemen HTML5 , saya ingin memuat file gambar (PNG, JPEG, dll.), Menggambarnya ke kanvas sepenuhnya secara transparan, dan kemudian memudar. Saya telah menemukan cara untuk memuat gambar dan menariknya ke kanvas, tapi saya tidak tahu bagaimana mengubah opacity setelah digambar. Inilah kode yang saya miliki sejauh ini: var canvas …

196 html  canvas  transparency  opacity  alpha 

Saya memiliki 2 kanvas, yang satu menggunakan atribut HTML widthdan heightuntuk mengukurnya, yang lain menggunakan CSS: <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas> Compteur1 menampilkan seperti seharusnya, tetapi tidak compteur2. Konten diambil menggunakan JavaScript pada kanvas 300x300. Mengapa ada perbedaan tampilan?

194 css  html  canvas  height  width 

Kanvas HTML5 tidak memiliki metode untuk secara eksplisit mengatur satu piksel. Dimungkinkan untuk mengatur piksel menggunakan garis yang sangat pendek, tetapi kemudian antialising dan tutup garis mungkin mengganggu. Cara lain mungkin untuk membuat ImageDataobjek kecil dan menggunakan: context.putImageData(data, x, y) untuk meletakkannya di tempat. Adakah yang bisa menggambarkan cara yang …

184 html  canvas  pixel 

Apakah mungkin untuk memperbaiki lebar dan tinggi canvaselemen HTML5 ? Cara yang biasa adalah sebagai berikut: <canvas id="canvas" width="300" height="300"></canvas>

181 html  canvas 

Tanpa pustaka ekstensi, mungkinkah memiliki beberapa lapisan dalam elemen kanvas yang sama? Jadi jika saya melakukan clearRect pada lapisan atas, itu tidak akan menghapus yang bawah? Terima kasih.

176 html  canvas  layer 

Adakah yang tahu bagaimana ini bisa dilakukan? Apakah Anda menggunakan objek kanvas, svg, jQuery, dll?

165 ipad  html  canvas  svg 

Saya ingin dapat memperbesar titik di bawah mouse dalam kanvas HTML 5, seperti memperbesar di Google Maps . Bagaimana saya bisa mencapainya?

156 javascript  html  canvas 

Saya memiliki kode kerja berikut: ctx = document.getElementById("canvas").getContext('2d'); Apakah ada cara untuk menulis ulang untuk digunakan $? Melakukan ini gagal: ctx = $("#canvas").getContext('2d');

155 javascript  jquery  html  canvas