Mam kartę do rysowania na płótnie i chcę, aby lineWidth była oparta na odległości między dwiema ostatnimi aktualizacjami współrzędnych myszy. Sam dokonam translacji odległości na szerokość, muszę tylko wiedzieć, jak obliczyć odległość między tymi punktami (mam już współrzędne tych...
Jak uzyskać szerokość i wysokość elementu canvas w JavaScript? A jaki jest „kontekst” płótna, o którym ciągle czytam?
Kiedy rysuję tekst na płótnie krojem, który jest ładowany za pomocą @ font-face, tekst nie jest wyświetlany poprawnie. W ogóle się nie wyświetla (w Chrome 13 i Firefox 5) lub krój pisma jest nieprawidłowy (Opera 11). Ten typ nieoczekiwanego zachowania występuje tylko na pierwszym rysunku z...
Aby stworzyć prostą grę, użyłem szablonu, który rysuje płótno z bitmapami w następujący sposób: private void doDraw(Canvas canvas) { for (int i=0;i<8;i++) for (int j=0;j<9;j++) for (int k=0;k<7;k++) { canvas.drawBitmap(mBits[allBits[i][j][k]], i*50 -k*7, j*50 -k*7, null); }...
Jak mogę przenieść obraz na płótno, aby rysować na tym obrazie?
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...
Muszę wiedzieć, jak narysować wielokąty na płótnie. Bez używania jQuery lub czegoś podobnego.
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...
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?...
Mam widok, rysuję obiektem Canvas w metodzie onDraw (Canvas Canvas). Mój kod to: Paint paint = new Paint(); paint.setColor(Color.WHITE); paint.setStyle(Style.FILL); canvas.drawPaint(paint); paint.setColor(android.R.color.black); paint.setTextSize(20); canvas.drawText("Some Text", 10, 25,...
Zamknięte . To pytanie musi być bardziej skoncentrowane . Obecnie nie przyjmuje odpowiedzi. Chcesz poprawić to pytanie? Zaktualizuj pytanie, aby skupiało się tylko na jednym problemie, edytując ten post . Zamknięte 7 lat temu . Popraw to pytanie...
Jestem w sumie n00b z HTML5i pracuję z canvasrenderowanie kształty, kolory i tekst. W mojej aplikacji mam adapter widoku, który dynamicznie tworzy kanwę i wypełnia ją zawartością. Działa to naprawdę fajnie, poza tym, że mój tekst jest bardzo rozmyty / rozmyty / rozciągnięty. Widziałem wiele...
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:...
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...
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 =...
Tworzę grę, używając płótna i javascript. Gdy strona jest dłuższa niż ekran (komentarze itp.), Naciśnięcie strzałki w dół przewija stronę w dół i uniemożliwia rozpoczęcie gry. Co mogę zrobić, aby zapobiec przewijaniu się okna, gdy gracz chce tylko zejść w dół? Myślę, że z grami Java i takimi...
Więc rysuję ten trójkąt na mapach Androida, używając poniższego kodu w mojej metodzie rysowania: paint.setARGB(255, 153, 29, 29); paint.setStyle(Paint.Style.FILL_AND_STROKE); paint.setAntiAlias(true); Path path = new Path(); path.moveTo(point1_returned.x,
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...
Bawię się <canvas>elementem, rysuję linie i tym podobne. Zauważyłem, że moje ukośne linie są wygładzone. Wolałbym postrzępiony wygląd tego, co robię - czy jest jakiś sposób na wyłączenie tej funkcji?
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); };...