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( await import(
/* webpackChunkName: "pixelated-image" */ "../data/pixelated-image" /* webpackChunkName: "pixelated-image" */ "../data/pixelated-image"
) )
).pixelateImage(file, 20, event.clientX, event.clientY); ).pixelateImage(file, 20, 1200, event.clientX, event.clientY);
const nextElements = [ const nextElements = [
...this.scene.getElementsIncludingDeleted(), ...this.scene.getElementsIncludingDeleted(),

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

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