muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 11:06:40 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

render: map composing (working with proper shifts)

Browse source
This commit is contained in:
muerwre 2018-11-28 09:38:39 +07:00
parent 4747c918e2
commit 2f3cb0e770
3 changed files with 22 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/renderer/Renderer.jsx
View file

@ -49,12 +49,14 @@ export class Renderer extends React.Component {
composeImages = ({ images, geometry, ctx }) => {
const {
minX, minY, shiftX, shiftY, size
minX, minY, maxY, shiftX, shiftY, size
} = geometry;
images.map(({ x, y, image }) => {
const verticalShift = (maxY - minY) * size;
const posX = ((x - minX) * size) + shiftX;
const posY = ((y - minY) * size) + (window.innerHeight - shiftY - size);
const posY = ((y - minY) * size) - (verticalShift - shiftY);
return ctx.drawImage(image, posX, posY, 256, 256);
});