adminoo/explorata
1
0
Fork 0
Code Releases Activity

render picture : ratio and resizing to board

Browse Source
This commit is contained in:
Gator
2022-12-26 15:50:02 +01:00
parent a3102c895c
commit 89c2a79337
4 changed files with 50 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/CanvasBoard.vue
View File

@ -15,9 +15,9 @@
create1dInitialState,
create2dRandomGrid,
} from "../modules/board.js";
import { picToBoard } from "../modules/picture.js";
const store = globalStore();
const available2dRules = {
conway: conwayRules,
overpopulation: overpopulationRules,
@ -149,12 +149,20 @@
// draw 2d automaton from an uploaded picture.
// use the picture representation as an initial state
const draw2dPicture = () => {
store.renderer.renderImage(store.picture);
const newBoard = store.renderer.getResizedImageData(
const draw2dPicture = async () => {
store.renderer.renderImage(
store.picture,
store.board
store.renderer.ctx,
store.renderer.width,
store.renderer.height
);
const resized = store.renderer.renderImage(
store.picture,
store.renderer.workCtx,
store.board.width,
store.board.height
);
const newBoard = picToBoard(resized.data, store.board);
store.board.grid = Object.freeze(newBoard);
};