github/PPTist
1
0
Fork 0
mirror of https://github.com/pipipi-pikachu/PPTist.git synced 2025-04-15 02:20:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 图片旋转状态下裁剪后位置不正确（#76）

Browse Source
This commit is contained in:
pipipi-pikachu 2022-01-18 23:45:32 +08:00
parent 6650f0d2dd
commit 40a9c23e37
1 changed files with 26 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/views/components/element/ImageElement/index.vue
View File

@ -126,13 +126,34 @@ export default defineComponent({
const { range, position } = data const { range, position } = data
const originClip: ImageElementClip = props.elementInfo.clip || { shape: 'rect', range: [[0, 0], [100, 100]] } const originClip: ImageElementClip = props.elementInfo.clip || { shape: 'rect', range: [[0, 0], [100, 100]] }
const left = props.elementInfo.left + position.left
const top = props.elementInfo.top + position.top
const width = props.elementInfo.width + position.width
const height = props.elementInfo.height + position.height
let centerOffsetX = 0
let centerOffsetY = 0
if (props.elementInfo.rotate) {
const centerX = (left + width / 2) - (props.elementInfo.left + props.elementInfo.width / 2)
const centerY = -((top + height / 2) - (props.elementInfo.top + props.elementInfo.height / 2))
const radian = -props.elementInfo.rotate * Math.PI / 180
const rotatedCenterX = centerX * Math.cos(radian) - centerY * Math.sin(radian)
const rotatedCenterY = centerX * Math.sin(radian) + centerY * Math.cos(radian)
centerOffsetX = rotatedCenterX - centerX
centerOffsetY = -(rotatedCenterY - centerY)
}
const _props = { const _props = {
clip: { ...originClip, range }, clip: { ...originClip, range },
left: props.elementInfo.left + position.left, left: left + centerOffsetX,
top: props.elementInfo.top + position.top, top: top + centerOffsetY,
width: props.elementInfo.width + position.width, width,
height: props.elementInfo.height + position.height, height,
} }
slidesStore.updateElement({ id: props.elementInfo.id, props: _props }) slidesStore.updateElement({ id: props.elementInfo.id, props: _props })