diff --git a/src/components/Canvas.vue b/src/components/Canvas.vue index 050bbb6..361c436 100644 --- a/src/components/Canvas.vue +++ b/src/components/Canvas.vue @@ -3,8 +3,8 @@ @@ -24,13 +24,13 @@ export default { ...mapGetters({ cellProperties: 'getCellProperties', rules: 'getRuleSet1d', - drawing: 'isDrawing' + drawing: 'isDrawing', + canvasWidth: 'getCanvasWidth', + canvasHeight: 'getCanvasHeight' }) }, mounted() { this.canvas = this.$refs['canvas'] - this.canvas.width = 1280 - this.canvas.height = 720 this.ctx = this.canvas.getContext('2d') this.$root.$on('draw1d', () => { this.draw1d() }) this.$root.$on('draw2d', () => { this.draw2d() }) @@ -88,7 +88,7 @@ export default { return draw2dNext(board) }, stop() { - this.$root.$store.state.drawing = 0 + this.$store.commit('setDrawingStatus', 0) }, reset() { this.stop() diff --git a/src/components/MenuGeneralOptions.vue b/src/components/MenuGeneralOptions.vue index 8039b00..f7f76d7 100644 --- a/src/components/MenuGeneralOptions.vue +++ b/src/components/MenuGeneralOptions.vue @@ -9,7 +9,8 @@ id="canvasWidth" name="canvasWidth" type="number" - value="1280" + :value="canvasWidth" + @input="updateCanvasWidth" >