«canvas» etiketlenmiş sorular

Canvas, birçok serbest biçimli grafik çıktı API'si ile kullanılan çizim yüzeyi için genel bir terimdir. Bu etiketi, programlama dili ve hedef ortamla birlikte kullanılan belirli grafik API'sini belirten diğer etiketlerle birlikte kullanın: [android], [uwp], [wpf], [tkinter], [java], [html5], [chart.js] vb. Ayrıca, uygunsa [android-canvas], [html5-canvas], [tkinter-canvas] gibi belirli bir canvas etiketi ekleyin.

18
@ Font-face ile <canvas> üzerine metin çizmek ilk seferde çalışmıyor
@ Font-face aracılığıyla yüklenen bir yazı tipine sahip bir tuvale metin çizdiğimde, metin doğru görünmüyor. Hiç gösterilmiyor (Chrome 13 ve Firefox 5'te) veya yazı tipi yanlış (Opera 11). Bu tür beklenmedik davranışlar yalnızca yazı tipi ile ilk çizimde ortaya çıkar. Ondan sonra her şey yolunda gidiyor. Standart davranış mı yoksa …
97 html  canvas  font-face 
10
SVG ve HTML5 Canvas arasındaki fark nedir?
SVG ve HTML5 Canvas arasındaki farklar nelerdir? İkisi de bana aynı şeyi yapıyor gibi görünüyor. Temel olarak, her ikisi de koordinat noktalarını kullanarak vektör resmi çizerler. Neyi kaçırıyorum? SVG ve HTML5 Canvas arasındaki temel farklar nelerdir? Neden birini diğerine tercih etmeliyim?
92 html  canvas  svg 
5
Tüm tuvali belirli bir renkle doldurma
HTML5'in tamamı &lt;canvas&gt;tek renkle nasıl doldurulur . CSS kullanarak arka plan rengini değiştirmek için bunun gibi bazı çözümler gördüm ancak tuval şeffaf kaldığı için bu iyi bir çözüm değil, değişen tek şey kapladığı alanın rengi. Bir diğeri, tuvalin içindeki renkle bir şey oluşturmaktır, örneğin bir dikdörtgen ( buraya bakın ), …
8
Resmi JavaScript Canvas ile yeniden boyutlandırın (sorunsuz)
Bazı resimleri tuval ile yeniden boyutlandırmaya çalışıyorum ama onları nasıl düzelteceğim konusunda bilgim yok. Photoshop'ta, tarayıcılarda vb .. kullandıkları birkaç algoritma var (örn. Çift kübik, çift doğrusal) ama bunların tuvalde yapılıp yapılmadığını bilmiyorum. İşte benim kemanım: http://jsfiddle.net/EWupT/ var canvas = document.createElement('canvas'); var ctx = canvas.getContext('2d'); canvas.width=300 canvas.height=234 ctx.drawImage(img, 0, 0, …
10
Canvas.toDataURL () neden bir güvenlik istisnası atıyor?
Yeterince uyumadım mı ne? Bu aşağıdaki kod 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")); } bu hatayı atıyor: SECURITY_ERR: DOM Exception 18 Bunun işe yaramamasına imkan yok! Biri bunu açıklayabilir mi lütfen?
2
Base64 PNG verilerini HTML5 tuvaline
Base64'te kodlanmış bir PNG görüntüsünü tuval öğesine yüklemek istiyorum. Bu koda sahibim: &lt;html&gt; &lt;head&gt; &lt;/head&gt; &lt;body&gt; &lt;canvas id="c"&gt;&lt;/canvas&gt; &lt;script type="text/javascript"&gt; var canvas = document.getElementById("c"); var ctx = canvas.getContext("2d"); data = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oMCRUiMrIBQVkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12NgoC4AAABQAAEiE+h1AAAAAElFTkSuQmCC"; ctx.drawImage(data, 0, 0); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; Chrome 8'de şu hatayı alıyorum: Uncaught TypeError: Type error Ve Firefox'un Firebug'ında şu: …
90 html  canvas  png  base64 
3
Kullanıcı tarayıcısında ok tuşuyla kaydırmayı devre dışı bırakın
Canvas ve javascript kullanarak bir oyun yapıyorum. Sayfa ekrandan daha uzun olduğunda (yorumlar vb.) Aşağı oka basmak sayfayı aşağı kaydırır ve oyunun oynanmasını imkansız hale getirir. Oyuncu sadece aşağı inmek istediğinde pencerenin kaymasını önlemek için ne yapabilirim? Sanırım Java oyunlarında ve benzeri, kullanıcı oyuna tıkladığı sürece bu bir sorun değil. …
13
Chart.js tuvali yeniden boyutlandırma
( Android WebView HTML5 tuval hatası ) 'da Graph.js kitaplığını kullanarak grafiklerin çizimiyle ilgili bir soru yayınladım. Şu an sahip olduğum sorun, grafiği birden çok kez çizmek için işlevi çağırırsam, tuval her seferinde yeniden boyutlandırılır. Grafik aynı tuvale her yeniden çizildiğinde boyutu da değişir. Ayrıca tuvalin boyutunu ayarlamayı denedim ama …
87 html  canvas  chart.js 
9
Fare ile tuvalden piksel rengi alın
RGB değeri pikselini farenin altında almak mümkün müdür? Bunun tam bir örneği var mı? Şimdiye kadar sahip olduğum şeyler: function draw() { var ctx = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.src = 'Your URL'; img.onload = function(){ ctx.drawImage(img,0,0); }; canvas.onmousemove = function(e) { var mouseX, mouseY; if(e.offsetX) { mouseX …
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.