github.com/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-02-18 13:29:36 +01:00
Code Releases Wiki Activity

Render only visible elements (#415)

Browse Source 
* Render only visible elements

* Fixed exporting as PNG

* Moved isVisibleElement to module scope

* rerun-ci

Co-authored-by: David Luzar <luzar.david@gmail.com>
This commit is contained in:
Timur Khazamov 2020-01-22 15:14:19 +01:00 committed by David Luzar
parent 4942a452e0
commit 362cd74a9b
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/renderer/renderScene.ts
View File

@ -57,6 +57,19 @@ export function renderScene(
};
elements.forEach(element => {
if (
!isVisibleElement(
element,
sceneState.scrollX,
sceneState.scrollY,
// If canvas is scaled for high pixelDeviceRatio width and height
// setted in the `style` attribute
parseInt(canvas.style.width) || canvas.width,
parseInt(canvas.style.height) || canvas.height
)
) {
return;
}
context.translate(
element.x + sceneState.scrollX,
element.y + sceneState.scrollY
@ -126,3 +139,18 @@ export function renderScene(
context.fillStyle = fillStyle;
}
}
function isVisibleElement(
element: ExcalidrawElement,
scrollX: number,
scrollY: number,
canvasWidth: number,
canvasHeight: number
) {
let [x1, y1, x2, y2] = getElementAbsoluteCoords(element);
x1 += scrollX;
y1 += scrollY;
x2 += scrollX;
y2 += scrollY;
return x2 >= 0 && x1 <= canvasWidth && y2 >= 0 && y1 <= canvasHeight;
}