Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: zapis canvas do pliku
Forum PHP.pl > Forum > Po stronie przeglądarki
craftsman
Cześć pisze małą aplikacje typu paint w html5 canvas(dla mojego syna:) ).Czy jest możliwe ,żeby 2 osoby na 2 różnych komputerach widziały ten Sam rysunek (ja rysuje a on to widzi).Mam pare pomysłów Jak: pobieranie całego dokumentu poprzez file get contents , ale Nie wiem czy to wogule zadziała.Proszę o pomoc ,pub rade Jak to rozwiązać Y
redeemer
Jeżeli to dla Twojego syna (a nie dla samodoskonalenia i nauki) to użyj gotowych aplikacji, np. http://flockdraw.com/
markuz
Skorzystaj z funkcji toDataURL() która zamieni twój canvas na src obrazka (base64). Jednak żeby to działalo płynie proponuję użyć websocket-s - i przekazywać np. pozycję myszki, wybrane narzędzie (kolor itp.) oraz czy myszka jest kliknięta. Obrazek jest generowany na serwerze i pobierany przez klienta.
craftsman
Markuz Prubowałem tej metody toDataURL , ale Nie mogę się połapać w jakim miejscu się to zapisuje .(Mam tylko 2 miesięczne doświadczenie z js ,więc jestem trochę upośledzony w tej Tech.)
markuz
[JAVASCRIPT] pobierz, plaintext
  1. console.log(canvas.toDataURL());
[JAVASCRIPT] pobierz, plaintext

Ta funkcja nie zapisuje tylko zwraca Canvas w postaci image/base64/png (string). Następnie możesz go wyświetlić poprzez:
[JAVASCRIPT] pobierz, plaintext
  1. var image = new Image();
  2. image.onload = function() {
  3. document.body.innerHTML = this;
  4. }
  5. image.src = canvas.toDataURL();
[JAVASCRIPT] pobierz, plaintext
craftsman
Jesteś wielki Markuz
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.