Dylan/excalidraw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add max shape count

Browse Source
This commit is contained in:
Preet Shihn 2021-02-05 10:27:06 -08:00
parent 1156ef6b96
commit b20fe944e7
2 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/App.tsx
View File

@ -3462,7 +3462,7 @@ class App extends React.Component<ExcalidrawProps, AppState> {
await import(
/* webpackChunkName: "pixelated-image" */ "../data/pixelated-image"
)
).pixelateImage(file, 20, event.clientX, event.clientY);
).pixelateImage(file, 20, 1200, event.clientX, event.clientY);
const nextElements = [
...this.scene.getElementsIncludingDeleted(),

22
src/data/pixelated-image.ts
View File

@ -35,6 +35,7 @@ const commonProps = {
export const pixelateImage = async (
blob: Blob,
cellSize: number,
suggestedMaxShapeCount: number,
x: number,
y: number,
) => {
@ -44,8 +45,20 @@ export const pixelateImage = async (
// initialize canvas for pixelation
const { width, height } = image;
const canvasWidth = Math.floor(width / cellSize);
const canvasHeight = Math.floor(height / cellSize);
let canvasWidth = Math.floor(width / cellSize);
let canvasHeight = Math.floor(height / cellSize);
const shapeCount = canvasHeight * canvasWidth;
if (shapeCount > suggestedMaxShapeCount) {
canvasWidth = Math.floor(
canvasWidth * (suggestedMaxShapeCount / shapeCount),
);
canvasHeight = Math.floor(
canvasHeight * (suggestedMaxShapeCount / shapeCount),
);
}
const xOffset = x - (canvasWidth * cellSize) / 2;
const yOffset = y - (canvasHeight * cellSize) / 2;
const canvas =
"OffscreenCanvas" in window
? new OffscreenCanvas(canvasWidth, canvasHeight)
@ -76,8 +89,8 @@ export const pixelateImage = async (
groupIds: [groupId],
...commonProps,
type: "rectangle",
x: x + col * cellSize,
y: y + row * cellSize,
x: xOffset + col * cellSize,
y: yOffset + row * cellSize,
width: cellSize,
height: cellSize,
});
@ -85,6 +98,7 @@ export const pixelateImage = async (
}
}
}
return shapes;
} finally {
URL.revokeObjectURL(url);