sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Allow dragging transparent elements when selected (#508)

Browse Source 
* Allow dragging transparent elements when selected

Addresses #339

* Update package.json
This commit is contained in:
Dvir Azulay 2020-01-22 00:10:49 -05:00 committed by Christopher Chedeau
parent d30498a289
commit a856ce06e9
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/element/collision.ts
View File

@ -8,6 +8,10 @@ import {
getLinePoints
} from "./bounds";
function isElementDraggableFromInside(element: ExcalidrawElement): boolean {
return element.backgroundColor !== "transparent" || element.isSelected;
}
export function hitTest(
element: ExcalidrawElement,
x: number,
@ -51,7 +55,7 @@ export function hitTest(
ty /= t;
});
if (element.backgroundColor !== "transparent") {
if (isElementDraggableFromInside(element)) {
return (
a * tx - (px - lineThreshold) >= 0 && b * ty - (py - lineThreshold) >= 0
);
@ -61,7 +65,7 @@ export function hitTest(
} else if (element.type === "rectangle") {
const [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
if (element.backgroundColor !== "transparent") {
if (isElementDraggableFromInside(element)) {
return (
x > x1 - lineThreshold &&
x < x2 + lineThreshold &&
@ -94,7 +98,7 @@ export function hitTest(
leftY
] = getDiamondPoints(element);
if (element.backgroundColor !== "transparent") {
if (isElementDraggableFromInside(element)) {
// TODO: remove this when we normalize coordinates globally
if (topY > bottomY) [bottomY, topY] = [topY, bottomY];
if (rightX < leftX) [leftX, rightX] = [rightX, leftX];