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].

6
Zmiana koloru tła three.js na przezroczysty lub inny
Próbowałem zmienić domyślny kolor tła mojego płótna z czarnego na przezroczysty / dowolny inny kolor - ale bez powodzenia. Mój HTML: <canvas id="canvasColor"> Mój CSS: <style type="text/css"> #canvasColor { z-index: 998; opacity:1; background: red; } </style> Jak widać w poniższym przykładzie online, mam dołączoną animację do płótna, więc nie mogę …
5
Szybkie i responsywne interaktywne wykresy / wykresy: SVG, Canvas, inne?
Próbuję wybrać odpowiednią technologię do aktualizacji projektu, która w zasadzie renderuje tysiące punktów na powiększalnym, przesuwalnym wykresie. Obecna implementacja przy użyciu Protovis jest gorsza. Sprawdź to tutaj: http://www.planethunters.org/classify Po całkowitym oddaleniu jest około 2000 punktów. Spróbuj użyć uchwytów na dole, aby nieco powiększyć, i przeciągnij, aby przesuwać. Zobaczysz, że jest …
114 html  canvas  svg  d3.js  kineticjs 
14
Maksymalny rozmiar elementu <canvas>
Pracuję z elementem canvas o wysokości 600do 1000pikseli i szerokości kilkudziesięciu lub setek tysięcy pikseli. Jednak po określonej liczbie pikseli (oczywiście nieznanej) płótno nie wyświetla już kształtów, które narysowałem za pomocą JS. Czy ktoś wie, czy istnieje limit? Przetestowano zarówno w przeglądarce Chrome 12, jak i Firefox 4.
112 javascript  html  canvas 
5
Rysowanie obrazu z adresu URL danych do kanwy
Jak mogę otworzyć obraz na płótnie? który jest zakodowany Używam var strDataURI = oCanvas.toDataURL(); Wynikiem jest zakodowany obraz bazowy 64. Jak mogę narysować ten obraz na płótnie? Chcę użyć strDataURI i stworzyć obraz? Czy to się psuje? Jeśli nie, to jakie może być rozwiązanie w celu załadowania obrazu na płótno?
112 image  html  canvas  data-uri 
4
Jak dodać obraz do płótna
Trochę eksperymentuję z nowym elementem canvas w HTML. Chcę po prostu dodać obraz do płótna, ale z jakiegoś powodu nie działa. Mam następujący kod: HTML &lt;canvas id="viewport"&gt;&lt;/canvas&gt; 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 …
106 javascript  html  canvas 
8
Jak wyśrodkować płótno w HTML5
Od jakiegoś czasu szukałem rozwiązania, ale nic nie znalazłem. Może to tylko moje wyszukiwane hasła. Cóż, próbuję wyśrodkować płótno zgodnie z rozmiarem okna przeglądarki. Płótno ma wymiary 800x600. A jeśli okno spadnie poniżej 800x600, powinno również zmienić rozmiar (ale to nie jest w tej chwili bardzo ważne)
105 html  canvas  css  resize 
9
Pakiet cairo nie został znaleziony w ścieżce wyszukiwania pkg-config. Problem z instalacją płótna Node js
Mam problem z instalacją instalacji modułu Canvas w węźle ... Wygląda na to, że jest coś z kairem. Otrzymuję ten błąd ... 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 &gt; canvas@1.1.3 install /Users/plimb/Desktop/motion-therapy/node_modules/canvas &gt; node-gyp rebuild Package cairo was not found …
3
Użyj HTML5, aby zmienić rozmiar obrazu przed przesłaniem
Znalazłem kilka różnych postów, a nawet pytań dotyczących stackoverflow odpowiadających na to pytanie. Zasadniczo wdrażam to samo, co ten post . Oto mój problem. Kiedy przesyłam zdjęcie, muszę również przesłać resztę formularza. Oto mój html: &lt;form id="uploadImageForm" enctype="multipart/form-data"&gt; &lt;input name="imagefile[]" type="file" id="takePictureField" accept="image/*" onchange="uploadPhotos(\'#{imageUploadUrl}\')" /&gt; &lt;input id="name" value="#{name}" /&gt; ... …
102 javascript  html  canvas 
5
Uzyskaj odległość między dwoma punktami na płótnie
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 punktów).
100 javascript  canvas 
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.