Ticket #6290: 6290.flip.01.patch

src/bp-core/css/avatar.css

@@ -154 +154 @@
 #bp-webcam-avatar video {
         float:left;
         width:450px;
+        -webkit-transform: scaleX(-1);
+        transform: scaleX(-1);
 }
 
 #bp-webcam-avatar #avatar-crop-pane {

src/bp-core/js/webcam.js

@@ -243 +243 @@
                         sx = ( this.options.video.el.videoWidth - sc ) / 2;
 
                         this.options.canvas.el.getContext( '2d' ).drawImage( this.options.video.el, sx, 0, sc, sc, 0, 0, this.model.get( 'w' ), this.model.get( 'h' ) );
+                        this.options.canvas.el.getContext( '2d' ).translate( this.options.video.el.videoWidth, 0 );
+                        this.options.canvas.el.getContext( '2d' ).scale( -1, 1 );
                         bp.WebCam.params.capture = this.options.canvas.el.toDataURL( 'image/png' );
                         this.model.set( 'url', bp.WebCam.params.capture );