diff --git a/src/application/worker/loop.js b/src/application/worker/loop.js index 2eef2faa..dd5f76a2 100644 --- a/src/application/worker/loop.js +++ b/src/application/worker/loop.js @@ -361,15 +361,6 @@ function loop(delta, features, fftOutput) { debugCanvas.width, debugCanvas.height ); - debugContext.font = "32px monospace"; - debugContext.textBaseline = "hanging"; - debugContext.fillStyle = "#fff"; - debugContext.globalCompositeOperation = "difference"; - debugContext.fillText( - `${canvasToDebug.context.canvas.width} × ${canvasToDebug.context.canvas.height}`, - 10, - 10 - ); } } diff --git a/src/components/Preview.vue b/src/components/Preview.vue index 2ad1c805..7bdbcf3c 100644 --- a/src/components/Preview.vue +++ b/src/components/Preview.vue @@ -26,7 +26,7 @@ - + @@ -41,7 +41,7 @@ export default { }, mounted() { - const { canvas, container } = this.$refs; + const { canvas } = this.$refs; const offscreen = canvas.transferControlToOffscreen(); this.$modV.$worker.postMessage( @@ -61,7 +61,7 @@ export default { this.resize(entries); }); - }).observe(container); + }).observe(canvas); this.$modV.store.commit("outputs/TOGGLE_DEBUG", true); }, @@ -107,6 +107,9 @@ export default { identifier: "outputs/resizeDebug", payload: { width } }); + + // this.$refs.canvas.style.width = `${e[0].contentRect.width}px`; + // this.$refs.canvas.style.height = `${e[0].contentRect.height}px`; } } }; @@ -114,10 +117,21 @@ export default {