Canvas spiegeln und um 180 Grad drehen?

RedlightX

Aktiver NGBler
Registriert
18 Juli 2013
Beiträge
1.094
Hallo zusammen,

heute ist einmal wieder eine solche Situation, wo ich an mir selbst zweifle :D

Ich habe:
Canvas-Element (1280*720).

Dieses Möchte ich:
- Um 180 Grad drehen
- Horizontal spiegeln

Bisher habe ich:

[src=javascript]
var ctx =meinElement.getContext('2d');
meinElement.width = 1280;
meinElement.height = 720;
ctx.scale(-1, 1);
ctx.translate(meinElement.width-1, bigPic.height-1);
ctx.rotate(Math.PI);
ctx.drawImage(video, 0, 0, meinElement.width, meinElement.height);[/src]


Das rotieren um 180 Grad funktioniert. Aber egal, wo ich ctx.scale(-1,1) hinpacke, wird das Canvas einfach nur schwarz :(

Ich bin mir sicher, dass es eine absolute Kleinigkeit ist, aber ich komme nicht weiter :(

Hat da jemand eine simple, funktionierende Idee?

Danke :T

--- [2017-03-17 17:09 CET] Automatisch zusammengeführter Beitrag ---

[src=javascript]ctx.setTransform(1,0,0,-1,0,meinelement.height);[/src]
Hab es hinbekommen :beer:
 
Zurück
Oben