«canvas» etiketlenmiş sorular

Kompozit işlemleri denedikten ve tuval üzerine görüntü çizdikten sonra, şimdi görüntüleri kaldırmaya ve birleştirmeye çalışıyorum. Bunu nasıl yaparım? Diğer görüntüleri yeniden çizmek için tuvali temizlemem gerekiyor; Bu bir süre devam edebilir, bu yüzden her seferinde yeni bir dikdörtgen çizmenin en verimli seçenek olacağını düşünmüyorum.

1012 javascript  html  canvas  html5-canvas  composite 

Google'ın "Hata Bildir" veya "Geri Bildirim Aracı", bir hata hakkındaki görüşlerinizi içeren bir ekran görüntüsü oluşturmak için tarayıcı pencerenizin bir bölümünü seçmenize olanak tanır. Ekran görüntüsü Jason Small, yinelenen bir soru yayınladı . Onlar bunu nasıl yapıyor? Google'ın JavaScript geri bildirim API'sı buradan yüklenir ve geri bildirim modülüne genel bakış …

924 javascript  html  canvas  screenshot 

Bir html tuvalinde görüntülenenleri resim veya pdf olarak yakalamak veya yazdırmak mümkün mü? Tuval üzerinden bir görüntü oluşturmak ve bu görüntüden bir png oluşturmak istiyorum.

719 javascript  html  canvas  export  png 

Javascript ve bir tuval öğesi kullanarak istemci tarafında bir küçük resim oluşturmaya çalışıyorum, ancak görüntüyü küçültmek, korkunç görünüyor. Bicubic yerine 'En Yakın Komşu' olarak ayarlanmış yeniden örnekleme ile photoshop'ta küçültülmüş gibi görünüyor. Bunun doğru görünmesini sağlamanın mümkün olduğunu biliyorum, çünkü bu site bir tuval kullanarak da iyi yapabilir. "[Kaynak]" bağlantısında …

314 javascript  html  canvas  image-resizing 

Bir tuval öğesine, tıklamanın x ve y koordinatlarını (tuval öğesine göre) döndürecek bir tıklama olay işleyicisi eklemenin en basit yolu nedir? Eski tarayıcı uyumluluğu gerekmez, Safari, Opera ve Firefox bunu yapar.

276 javascript  canvas 

Ortalanmış bir kelimeden oluşan bir web sayfam olmasını istiyorum. Bu kelimenin bir animasyonla çizilmesini istiyorum, böylece sayfa kelimeyi yaptığımız gibi "yazıyor", yani bir noktada başlıyor ve sonuçta bir glif olacak şekilde zaman içinde çizgiler ve eğriler çiziyor. Bunun <canvas>DOM ile mi yoksa DOM ile mi yapıldığı umurumda değil ve JavaScript …

229 javascript  css  canvas  html5-canvas  css-shapes 

Kapalı. Bu soru yeniden üretilemiyor veya yazım hatalarından kaynaklanıyor . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek ister misiniz? Soruyu Yığın Taşması için konuyla ilgili olacak şekilde güncelleyin . 6 yıl önce kapalı . Bu soruyu geliştir Affedin komik başlık. Hem duvarlara hem de birbirlerine karşı 200 top zıplayan …

202 javascript  canvas  geometry  physics  collision 

HTML5 <canvas>öğesini kullanarak, bir görüntü dosyası (PNG, JPEG, vb.) Yüklemek, tamamen şeffaf bir şekilde tuvale çizmek ve daha sonra solmak istiyorum. Görüntüyü nasıl yükleyeceğimi ve tuval, ama çizildikten sonra opaklığını nasıl değiştireceğimi bilmiyorum. İşte şimdiye kadar sahip olduğum kod: var canvas = document.getElementById('myCanvas'); if (canvas.getContext) { var c = canvas.getContext('2d'); …

196 html  canvas  transparency  opacity  alpha 

2 tuval var, biri HTML öznitelikleri kullanır widthve heightboyutlandırmak için, diğer CSS kullanır: <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 gerektiği gibi görüntülenir, ancak compteur2 göstermez. İçerik 300x300'lik bir tuval üzerinde JavaScript kullanılarak çizilir. Neden ekran farkı var?

195 css  html  canvas  height  width 

HTML5 Canvas'ın tek bir pikseli açıkça ayarlama yöntemi yoktur. Çok kısa bir çizgi kullanarak bir piksel ayarlamak mümkün olabilir, ancak daha sonra kenar yumuşatma ve satır büyüklükleri karışabilir. Başka bir yol, küçük bir ImageData nesne ve kullanmak olabilir: context.putImageData(data, x, y) yerine koymak için. Bunu yapmanın etkili ve güvenilir bir …

185 html  canvas  pixel 

Bir HTML5 canvasöğesinin genişliğini ve yüksekliğini düzeltmek mümkün mü ? Olağan yol şudur: <canvas id="canvas" width="300" height="300"></canvas>

181 html  canvas 

Herhangi bir uzantı kütüphanesi olmadan, aynı tuval öğesinde birden çok katman olması mümkün müdür? Üst katmanda bir clearRect yaparsam, alt katmanı silmez mi? Teşekkürler.

176 html  canvas  layer 

Bunun nasıl yapılabileceğini bilen var mı? Tuval nesnesi, svg, jQuery vb. Kullanır mısınız?

165 ipad  html  canvas  svg 

Google Haritalar'da yakınlaştırma gibi bir HTML 5 tuvalinde farenin altındaki noktayı yakınlaştırabilmek istiyorum . Bunu nasıl başarabilirim?

156 javascript  html  canvas 

Aşağıdaki çalışma kodu var: ctx = document.getElementById("canvas").getContext('2d'); Kullanmak için yeniden yazmanın bir yolu var mı $? Bunu yapmak başarısız olur: ctx = $("#canvas").getContext('2d');

155 javascript  jquery  html  canvas