scratchfoundation/scratch-paint
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-paint.git synced 2025-01-10 14:42:13 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

flip all

Browse source
This commit is contained in:
DD 2018-01-25 11:33:43 -05:00
parent 1ff5fdff38
commit 3ab1067c65
2 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/mode-tools/mode-tools.jsx
View file

@ -151,13 +151,11 @@ const ModeToolsComponent = props => {
</InputGroup>
<InputGroup className={classNames(styles.modLabeledIconHeight)}>
<LabeledIconButton
disabled={!props.selectedItems.length}
imgSrc={flipHorizontalIcon}
title={props.intl.formatMessage(messages.flipHorizontal)}
onClick={props.onFlipHorizontal}
/>
<LabeledIconButton
disabled={!props.selectedItems.length}
imgSrc={flipVerticalIcon}
title={props.intl.formatMessage(messages.flipVertical)}
onClick={props.onFlipVertical}

12
src/containers/mode-tools.jsx
View file

@ -7,7 +7,7 @@ import bindAll from 'lodash.bindall';
import ModeToolsComponent from '../components/mode-tools/mode-tools.jsx';
import {clearSelectedItems, setSelectedItems} from '../reducers/selected-items';
import {incrementPasteOffset, setClipboardItems} from '../reducers/clipboard';
import {clearSelection, getSelectedLeafItems, getSelectedRootItems} from '../helper/selection';
import {clearSelection, getSelectedLeafItems, getSelectedRootItems, getAllRootItems} from '../helper/selection';
import {HANDLE_RATIO, ensureClockwise} from '../helper/math';
class ModeTools extends React.Component {
@ -137,7 +137,13 @@ class ModeTools extends React.Component {
}
}
_handleFlip (horizontalScale, verticalScale) {
const selectedItems = getSelectedRootItems();
let selectedItems = getSelectedRootItems();
let center;
if (selectedItems.length === 0) {
// If nothing is selected, flip everything over the rotation point
selectedItems = getAllRootItems();
center = paper.view.center;
}
// Record old indices
for (const item of selectedItems) {
item.data.index = item.index;
@ -146,7 +152,7 @@ class ModeTools extends React.Component {
// Group items so that they flip as a unit
const itemGroup = new paper.Group(selectedItems);
// Flip
itemGroup.scale(horizontalScale, verticalScale);
itemGroup.scale(horizontalScale, verticalScale, center);
ensureClockwise(itemGroup);
// Remove flipped item from group and insert at old index. Must insert from bottom index up.