Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]jak połączyć dwa <canvas> ?
Forum PHP.pl > Forum > Przedszkole
Spawnm
Witam,
jak połączyć dwa <canvas> ?
pozornie proste pytanie jednak nie mogę znaleźć odpowiedzi .

próbowałem przez
[JAVASCRIPT] pobierz, plaintext
  1. img.src =document.getElementById('canvas2').getContext('2d');
  2. ctx.drawImage(img,0,0);
[JAVASCRIPT] pobierz, plaintext

ale efektu oczywiście brak :/
erix
[JAVASCRIPT] pobierz, plaintext
  1. img.src =document.getElementById('canvas2').getContext('2d');
[JAVASCRIPT] pobierz, plaintext

Pokaż te zmienne. Poza tym, po co tak kombinujesz? Jeśli chcesz wstrzyknąć zawartość obrazka do płótna, to w ten sposób:
[JAVASCRIPT] pobierz, plaintext
  1. // load previously saved image into canvas
  2. var img = document.images['savedImage'];
  3. if(img){
  4. var ctx = this.c.getContext('2d');
  5. ctx.drawImage(img, 0, 0);
  6. }
[JAVASCRIPT] pobierz, plaintext
Spawnm
erix, ja chcę wstrzyknąć płótno do płótna winksmiley.jpg
Jak wstawić zwykły obrazek to wiem.
mam
<canvas id='canvas'></canvas>
<canvas id='canvas2'></canvas>

i zawartość z #canvas2 chcę umieścić w #canvas smile.gif
erix
Jedyne, co mi przychodzi do głowy, to utworzenie obrazka z danymi z pierwszego płótna.

[JAVASCRIPT] pobierz, plaintext
  1. var i = new Image();
  2. i.src = canvas.context.toDataURL();
[JAVASCRIPT] pobierz, plaintext
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.