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

render: image rendering

Browse source
This commit is contained in:
muerwre 2018-11-28 11:09:53 +07:00
parent fb087c67ac
commit af2107984a
1 changed files with 8 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -15,10 +15,14 @@ export class Renderer extends React.Component {
this.fetchImages(ctx, geometry)
.then(images => this.composeImages({ geometry, images, ctx }))
.then(() => this.composePoly({ geometry, points, ctx }))
.then(() => this.canvas.toDataURL('image/jpeg'))
.then(image => window.open().document.write(`<img src="${image}" />`))
}
fetchImages = (ctx, geometry) => {
const { minX, maxX, minY, maxY, zoom } = geometry;
const {
minX, maxX, minY, maxY, zoom
} = geometry;
const images = [];
for (let x = minX; x <= maxX; x += 1) {
@ -34,6 +38,7 @@ export class Renderer extends React.Component {
imageFetcher = source => new Promise((resolve, reject) => {
const img = new Image();
img.crossOrigin = 'anonymous';
img.onload = () => resolve(img);
img.onerror = () => reject(img);
@ -88,6 +93,8 @@ export class Renderer extends React.Component {
ctx.strokeStyle = gradient;
ctx.stroke();
ctx.closePath();
return true;
};
render() {