revert

Author: Moebits

dist/index.cjs.js

@@ -1358,7 +1358,7 @@ function (_Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.unmounted = true;
-    } // Load the image to measure its dimensions
+    } // Load the background image in memory to measure its dimensions
 
   }, {
     key: "getImageDimensionInfo",
@@ -1397,10 +1397,10 @@ function (_Component) {
       var _this$state = this.state,
           naturalHeight = _this$state.naturalHeight,
           naturalWidth = _this$state.naturalWidth;
-      return React__default.createElement("img", _extends({
-        src: src,
-        width: naturalWidth || undefined,
-        height: naturalHeight || undefined
+      return React__default.createElement("image", _extends({
+        href: src,
+        width: naturalWidth,
+        height: naturalHeight
       }, otherProps));
     }
   }]);

dist/index.esm.js

@@ -1351,7 +1351,7 @@ function (_Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.unmounted = true;
-    } // Load the image to measure its dimensions
+    } // Load the background image in memory to measure its dimensions
 
   }, {
     key: "getImageDimensionInfo",
@@ -1390,10 +1390,10 @@ function (_Component) {
       var _this$state = this.state,
           naturalHeight = _this$state.naturalHeight,
           naturalWidth = _this$state.naturalWidth;
-      return React.createElement("img", _extends({
-        src: src,
-        width: naturalWidth || undefined,
-        height: naturalHeight || undefined
+      return React.createElement("image", _extends({
+        href: src,
+        width: naturalWidth,
+        height: naturalHeight
       }, otherProps));
     }
   }]);

src/ImageLayer.js

@@ -27,7 +27,7 @@ class ImageLayer extends Component {
     this.unmounted = true;
   }
 
-  // Load the image to measure its dimensions
+  // Load the background image in memory to measure its dimensions
   getImageDimensionInfo() {
     const { src: initialSrc } = this.props;
     const memoryImage = new Image();
@@ -41,7 +41,6 @@ class ImageLayer extends Component {
         naturalWidth: memoryImage.naturalWidth,
         naturalHeight: memoryImage.naturalHeight,
       });
-
       this.props.onLoad({
         naturalWidth: memoryImage.naturalWidth,
         naturalHeight: memoryImage.naturalHeight,
@@ -55,11 +54,10 @@ class ImageLayer extends Component {
     const { naturalHeight, naturalWidth } = this.state;
 
     return (
-      <img
-        src={src}
-        alt=""
-        width={naturalWidth || undefined}
-        height={naturalHeight || undefined}
+      <image
+        href={src}
+        width={naturalWidth}
+        height={naturalHeight}
         {...otherProps}
       />
     );
@@ -75,4 +73,4 @@ ImageLayer.defaultProps = {
   onLoad: () => {},
 };
 
-export default ImageLayer;
+export default ImageLayer;