Pytania otagowane jako canvas

Płótno to ogólny termin określający powierzchnię rysowania używaną z wieloma interfejsami API wyjściowej grafiki o dowolnym kształcie. Użyj tego znacznika z innymi tagami, które wskazują konkretny graficzny interfejs API, który jest używany wraz z językiem programowania i środowiskiem docelowym: [android], [uwp], [wpf], [tkinter], [java], [html5], [chart.js] itp. W razie potrzeby dołącz również określony tag kanwy, taki jak [android-canvas], [html5-canvas], [tkinter-canvas].

9
Ogranicz liczbę etykiet na wykresie liniowym Chart.js.
Chcę wyświetlić wszystkie punkty na moim wykresie z danych, które otrzymuję, ale nie chcę wyświetlać dla nich wszystkich etykiet, ponieważ wtedy wykres nie jest zbyt czytelny. Szukałem tego w dokumentacji, ale nie mogłem znaleźć żadnego parametru, który by to ograniczył. Nie chcę brać na przykład tylko trzech etykiet, ponieważ wtedy …
10
Jaka jest różnica między formatem SVG i HTML5 Canvas?
Jakie są różnice między formatem SVG i HTML5 Canvas? Obaj wydają mi się robić to samo. Zasadniczo obaj rysują grafiki wektorowe za pomocą punktów współrzędnych. czego mi brakuje? Jakie są główne różnice między SVG i HTML5 Canvas? Dlaczego powinienem wybrać jedną z nich?
92 html  canvas  svg 
5
Jak wypełnić całe płótno określonym kolorem
Jak wypełnić cały HTML5 <canvas>jednym kolorem. Widziałem takie rozwiązania, jak to, aby zmienić kolor tła za pomocą CSS, ale nie jest to dobre rozwiązanie, ponieważ płótno pozostaje przezroczyste, jedyną rzeczą, która się zmienia, jest kolor zajmowanej przestrzeni. Innym jest stworzenie czegoś z kolorem wewnątrz płótna, na przykład prostokąta ( patrz …
10
Dlaczego canvas.toDataURL () zgłasza wyjątek bezpieczeństwa?
Nie spałem wystarczająco dużo, czy co? Poniższy 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")); } zgłasza ten błąd: SECURITY_ERR: DOM Exception 18 Nie ma mowy, żeby to nie zadziałało! Czy ktoś …
8
Zmień rozmiar obrazu za pomocą płótna javascript (płynnie)
Próbuję zmienić rozmiar niektórych obrazów za pomocą płótna, ale nie mam pojęcia, jak je wygładzić. W Photoshopie, przeglądarkach itp. Jest kilka algorytmów, których używają (np. Bicubic, bilinear), ale nie wiem, czy są one wbudowane w płótno, czy nie. Oto moje skrzypce: http://jsfiddle.net/EWupT/ var canvas = document.createElement('canvas'); var ctx = canvas.getContext('2d'); …
2
Dane Base64 PNG do kanwy HTML5
Chcę załadować obraz PNG zakodowany w Base64 do elementu Canvas. Mam ten kod: <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> W Chrome 8 pojawia się błąd: Uncaught TypeError: Type error A w …
89 html  canvas  png  base64 
13
Zmiana rozmiaru płótna Chart.js.
W ( Błąd kanwy HTML5 Android WebView ) opublikowałem pytanie dotyczące kreślenia wykresów za pomocą biblioteki Graph.js. Problem, który mam teraz, polega na tym, że jeśli wywołuję funkcję w celu wielokrotnego wykreślania wykresu, płótno zmienia rozmiar za każdym razem. Za każdym razem, gdy wykres jest przerysowywany do tego samego obszaru …
86 html  canvas  chart.js 
9
Uzyskaj kolor piksela z płótna, na myszy
Czy można uzyskać piksel wartości RGB pod myszką? Czy jest na to pełny przykład? Oto, co mam do tej pory: 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) { …
6
Html5 canvas drawImage: jak zastosować antyaliasing
Proszę spojrzeć na następujący przykład: http://jsfiddle.net/MLGr4/47/ var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); img = new Image(); img.onload = function(){ canvas.width = 400; canvas.height = 150; ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, 400, 150); } img.src = "http://openwalls.com/image/1734/colored_lines_on_blue_background_1920x1200.jpg"; Jak widać, obraz nie jest wygładzany, chociaż mówi się, że …
16
Jak narysować owal na płótnie HTML5?
Wydaje się, że nie ma natywnej funkcji rysowania owalnego kształtu. Ja też nie szukam kształtu jajka. Czy można narysować owal za pomocą 2 krzywych beziera? Ktoś to doświadczył? Moim celem jest przyciągnięcie kilku oczu i właściwie używam tylko łuków. Z góry dziękuję. Rozwiązanie Zatem scale () zmienia skalowanie dla wszystkich …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.