RedlightX
Bekannter NGBler
- Registriert
- 18 Juli 2013
- Beiträge
- 1.185
Hallo zusammen,
heute ist einmal wieder eine solche Situation, wo ich an mir selbst zweifle
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
--- [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
heute ist einmal wieder eine solche Situation, wo ich an mir selbst zweifle
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
--- [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