From 8db9161553ece681a0c9a6f50b710ce6cbd3c8dc Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Fri, 8 Sep 2017 20:28:52 +0200
Subject: Implement canvas image element caching

---
 src/components/map/elements/ImageComponent.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

(limited to 'src/components')

diff --git a/src/components/map/elements/ImageComponent.js b/src/components/map/elements/ImageComponent.js
index 00766496..486296ea 100644
--- a/src/components/map/elements/ImageComponent.js
+++ b/src/components/map/elements/ImageComponent.js
@@ -3,6 +3,7 @@ import React from "react";
 import {Image} from "react-konva";
 
 class ImageComponent extends React.Component {
+    static imageCaches = {};
     static propTypes = {
         src: PropTypes.string.isRequired,
         x: PropTypes.number.isRequired,
@@ -17,9 +18,17 @@ class ImageComponent extends React.Component {
     };
 
     componentDidMount() {
+        if (ImageComponent.imageCaches[this.props.src]) {
+            this.setState({image: ImageComponent.imageCaches[this.props.src]});
+            return;
+        }
+
         const image = new window.Image();
         image.src = this.props.src;
-        image.onload = () => this.setState({image});
+        image.onload = () => {
+            this.setState({image});
+            ImageComponent.imageCaches[this.props.src] = image;
+        }
     }
 
     render() {
-- 
cgit v1.2.3