mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web.git synced 2024-12-16 05:31:46 +03:00
Code Issues Projects Releases Packages Wiki Activity

Fixed translation issue while the image is rotated

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2020-12-20 20:00:11 +01:00
parent 6758734593
commit 18de342fa1
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/views/elements/ImageView.js
View file

@ -242,11 +242,15 @@ export default class ImageView extends React.Component {
const zoomPercentage = this.state.zoom/100; const zoomPercentage = this.state.zoom/100;
const translatePixelsX = this.state.translationX + "px"; const translatePixelsX = this.state.translationX + "px";
const translatePixelsY = this.state.translationY + "px"; const translatePixelsY = this.state.translationY + "px";
/* The order of the values is important!
* First, we translate and only then we rotate, otherwise
* we would apply the translation to an already rotated
* image causing it translate in the wrong direction. */
const style = { const style = {
transform: `rotate(${rotationDegrees}) transform: `translateX(${translatePixelsX})
translateY(${translatePixelsY})
scale(${zoomPercentage}) scale(${zoomPercentage})
translateX(${translatePixelsX}) rotate(${rotationDegrees})`,
translateY(${translatePixelsY})`,
}; };
return ( return (