«canvas» etiketlenmiş sorular

Tuvalimin varsayılan arka plan rengini siyahtan şeffafa / başka bir renge değiştirmeye çalışıyorum - ama şans yok. HTML'im: <canvas id="canvasColor"> CSS'im: <style type="text/css"> #canvasColor { z-index: 998; opacity:1; background: red; } </style> Aşağıdaki çevrimiçi örnekte görebileceğiniz gibi, tuvale eklenmiş bir animasyon var, bu yüzden sadece bir opaklık yapamam: 0; kimlik …

122 css  html  canvas  html5-canvas  three.js 

Temelde yakınlaştırılabilir, kaydırılabilir bir grafikte binlerce noktayı oluşturan bir projeyi güncellemek için kullanılacak doğru teknolojiyi seçmeye çalışıyorum. Protovis kullanan mevcut uygulama düşük performans gösteriyor. Buradan kontrol edin: http://www.planethunters.org/classify Tamamen uzaklaştırıldığında yaklaşık 2000 nokta vardır. Biraz yakınlaştırmak için alttaki tutamaçları kullanmayı deneyin ve kaydırmak için sürükleyin. Oldukça dalgalı olduğunu göreceksiniz ve …

114 html  canvas  svg  d3.js  kineticjs 

Ben yüksekliğindeki bir tuval eleman ile çalışıyorum 600için 1000piksel ve onlarca veya piksel yüzbinlerce genişliğinde. Bununla birlikte, belirli sayıda pikselden sonra (açıkça bilinmeyen), tuval artık JS ile çizdiğim şekilleri göstermiyor. Bir sınır olup olmadığını bilen var mı? Hem Chrome 12 hem de Firefox 4'te test edilmiştir.

112 javascript  html  canvas 

Kanvas içindeki bir resmi nasıl açabilirim? hangisi kodlanmış Kullanıyorum var strDataURI = oCanvas.toDataURL(); Çıktı, kodlanmış temel 64 görüntüdür. Bu resmi bir tuvale nasıl çizebilirim? strDataURI Görüntüyü kullanmak ve oluşturmak istiyorum ? Zavallı mı? Öyleyse, görüntüyü bir tuvale yüklemek için çözüm ne olabilir?

112 image  html  canvas  data-uri 

Rengi belirli bir konumda almak için bir HTML Canvas nesnesini sorgulamak mümkün müdür?

111 javascript  html  canvas 

Bir fare kullanarak bir HTML Canvas üzerine çizim yapmak istiyorum (örneğin: bir imza çizin, bir ad çizin, ...) Lütfen nasıl yapabilirim bana yardım edin? Lütfen biraz kaynak kodu verin. teşekkür ederim

110 html  canvas  gesture-recognition  gestures 

Metin "\ n" içeriyorsa bir tuvale metin ekleyemiyorum. Demek istediğim, satır sonları gösterilmiyor / çalışmıyor. ctxPaint.fillText("s ome \n \\n <br/> thing", x, y); Yukarıdaki kod "s ome \n <br/> thing"tek satırda çizilecektir . Bu bir fillText sınırlaması mı yoksa yanlış mı yapıyorum? "\ n" ler var ve yazdırılmıyorlar, ancak onlar …

108 javascript  html  canvas  line  break 

Kapalı . Bu soru fikir temelli . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek mi istiyorsunuz? Bu yazıyı düzenleyerek gerçekler ve alıntılarla cevaplanabilmesi için soruyu güncelleyin . 7 yıl önce kapalı . Bu soruyu geliştirin Şu anda yeni bir HTML 5 uygulamasında tuvalle çalışma seçeneklerini araştırıyorum ve HTML canvas …

107 javascript  frameworks  html  canvas 

HTML'deki yeni tuval öğesi ile biraz deney yapıyorum. Sadece tuvale bir resim eklemek istiyorum ama nedense işe yaramıyor. Takip koduna sahibim: HTML <canvas id="viewport"></canvas> CSS canvas#viewport { border: 1px solid white; width: 900px; } JS var canvas = document.getElementById('viewport'), context = canvas.getContext('2d'); make_base(); function make_base() { base_image = new Image(); …

106 javascript  html  canvas 

Bir süredir çözüm arıyordum ama hiçbir şey bulamadım. Belki sadece arama terimlerimdir. Ben de tuval merkezini tarayıcı penceresinin boyutuna göre yapmaya çalışıyorum. Tuval 800x600 boyutundadır. Pencere 800x600'ün altına düşerse, yeniden boyutlandırılmalıdır (ancak şu anda bu çok önemli değil)

105 html  canvas  css  resize 

Kanvas modülünü düğüme kurarken bir sorun yaşıyorum ... Kahire ile ilgili bir şey görünüyor, bu hatayı alıyorum ... npm http GET https://registry.npmjs.org/canvas npm http 304 https://registry.npmjs.org/canvas npm http GET https://registry.npmjs.org/nan npm http 304 https://registry.npmjs.org/nan > canvas@1.1.3 install /Users/plimb/Desktop/motion-therapy/node_modules/canvas > node-gyp rebuild Package cairo was not found in the pkg-config search …

103 node.js  canvas  terminal  cairo 

Kanvas çizim sekmem var ve lineWidth'in son iki fare hareketi koordinat güncellemesi arasındaki mesafeyi temel almasını istiyorum. Mesafeyi genişliğe çevireceğim, sadece bu noktalar arasındaki mesafeyi nasıl elde edeceğimi bilmem gerekiyor (zaten bu noktaların koordinatlarına sahibim).

103 javascript  canvas 

Bu soruyu yanıtlayan stackoverflow hakkında birkaç farklı gönderi ve hatta soru buldum. Temelde bu yazı ile aynı şeyi uyguluyorum . İşte benim sorunum. Fotoğrafı yüklediğimde, formun geri kalanını da göndermem gerekiyor. İşte html'im: <form id="uploadImageForm" enctype="multipart/form-data"> <input name="imagefile[]" type="file" id="takePictureField" accept="image/*" onchange="uploadPhotos(\'#{imageUploadUrl}\')" /> <input id="name" value="#{name}" /> ... a few …

102 javascript  html  canvas 

JavaScript öğesinin genişliğini ve yüksekliğini nasıl alabilirim? Ayrıca, okumaya devam ettiğim tuvalin "bağlamı" nedir?

99 javascript  html  canvas 

Grafiğimdeki tüm noktaları aldığım verilerden görüntülemek istiyorum, ancak onlar için tüm etiketleri görüntülemek istemiyorum, çünkü o zaman grafik çok okunabilir değildir. Dokümanlarda arıyordum ama bunu sınırlayacak herhangi bir parametre bulamadım. Örneğin sadece üç etiket almak istemiyorum çünkü o zaman grafik de üç nokta ile sınırlıdır. Mümkün mü? Şu anda buna …

98 javascript  css  canvas  charts  chart.js