gator/explorata
gator/explorata
1
0
Fork 0
Code Pull Requests Projects Releases 1 Activity

feat (canvas): OffscreenCanvas fallback

Browse Source
This commit is contained in:
Ali Gator 2023-06-05 09:29:46 +02:00
parent ffa54ab899
commit 11071a5972
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/CanvasBoard.vue
View File

@ -81,10 +81,19 @@
store.renderer.ctx = store.renderer.canvas.getContext("2d", { store.renderer.ctx = store.renderer.canvas.getContext("2d", {
willReadFrequently: true, willReadFrequently: true,
}); });
store.renderer.workCanvas = new OffscreenCanvas( if (typeof OffscreenCanvas != "undefined") {
canvas.parentElement.clientWidth, store.renderer.workCanvas = new OffscreenCanvas(
canvas.parentElement.clientHeight canvas.parentElement.clientWidth,
); canvas.parentElement.clientHeight
);
}
// https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas/OffscreenCanvas#Browser_compatibility
// Fallback for when offscreenCanvas is unsupported or disabled (Firefox < 44, default for Firefox?)
else {
store.renderer.workCanvas = document.createElement("canvas");
store.renderer.workCanvas.width = canvas.parentElement.clientWidth;
store.renderer.workCanvas.height = canvas.parentElement.clientHeight;
}
store.renderer.workCtx = store.renderer.workCanvas.getContext("2d", { store.renderer.workCtx = store.renderer.workCanvas.getContext("2d", {
willReadFrequently: true, willReadFrequently: true,
}); });