diff --git a/src/bp-core/css/avatar.css b/src/bp-core/css/avatar.css
index 32dceaa..f70704c 100644
a
|
b
|
div.bp-avatar-nav { |
154 | 154 | #bp-webcam-avatar video { |
155 | 155 | float:left; |
156 | 156 | width:450px; |
| 157 | -webkit-transform: scaleX(-1); |
| 158 | transform: scaleX(-1); |
157 | 159 | } |
158 | 160 | |
159 | 161 | #bp-webcam-avatar #avatar-crop-pane { |
diff --git a/src/bp-core/js/webcam.js b/src/bp-core/js/webcam.js
index 3d5f1e7..616f74d 100644
a
|
b
|
window.bp = window.bp || {}; |
243 | 243 | sx = ( this.options.video.el.videoWidth - sc ) / 2; |
244 | 244 | |
245 | 245 | 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' ) ); |
| 246 | this.options.canvas.el.getContext( '2d' ).translate( this.options.video.el.videoWidth, 0 ); |
| 247 | this.options.canvas.el.getContext( '2d' ).scale( -1, 1 ); |
246 | 248 | bp.WebCam.params.capture = this.options.canvas.el.toDataURL( 'image/png' ); |
247 | 249 | this.model.set( 'url', bp.WebCam.params.capture ); |
248 | 250 | |