Canvas - Kämmen von zwei Bildern, Rückgabe eines Img-HTML-Objekts?

7

Ich habe zwei HTML-IMG-Objekte mit verschiedenen URLs. Ich möchte diese beiden Bilder kombinieren (mit Canvas) und ein fusioniertes IMG-Objekt erstellen.

Ist das möglich? Wie?

    
Pauly Dee 02.09.2011, 11:57
quelle

3 Antworten

5

Sie können beide Bilder auf der Leinwand zeichnen und sie mit einem beliebigen Overlay-Modus kombinieren. Um die Bitmap-Daten aus der Zeichenfläche zu erhalten, können Sie 'toDataURL' verwenden. Beachten Sie, dass beide Bilder aus der gleichen Domäne wie die Seite stammen sollten, andernfalls ist Ihr Zugriff auf die Pixeldaten aus Sicherheitsgründen blockiert.

    
Variant 03.09.2011, 14:22
quelle
18

Sie können drawImage verwenden. Demo . Code:

%Vor%

Passen Sie es nach Bedarf an. :)

    
Juho Vepsäläinen 03.09.2011 16:54
quelle
0

Sie sollten die Canvas-API getImageData () verwenden Ссылка

    
nurxyz 02.09.2011 12:03
quelle

Tags und Links