airbnb · richardhenry · Dec 22, 2022
diff --git a/build/player/cjs/lottie.min.js b/build/player/cjs/lottie.min.js
diff --git a/build/player/cjs/lottie_canvas.min.js b/build/player/cjs/lottie_canvas.min.js
diff --git a/build/player/cjs/lottie_html.min.js b/build/player/cjs/lottie_html.min.js
diff --git a/build/player/cjs/lottie_light.min.js b/build/player/cjs/lottie_light.min.js
diff --git a/build/player/cjs/lottie_light_canvas.min.js b/build/player/cjs/lottie_light_canvas.min.js
diff --git a/build/player/cjs/lottie_light_html.min.js b/build/player/cjs/lottie_light_html.min.js
diff --git a/build/player/cjs/lottie_svg.min.js b/build/player/cjs/lottie_svg.min.js
diff --git a/build/player/esm/lottie.min.js b/build/player/esm/lottie.min.js
diff --git a/build/player/esm/lottie_canvas.min.js b/build/player/esm/lottie_canvas.min.js
diff --git a/build/player/esm/lottie_html.min.js b/build/player/esm/lottie_html.min.js
diff --git a/build/player/esm/lottie_light.min.js b/build/player/esm/lottie_light.min.js
diff --git a/build/player/esm/lottie_light_canvas.min.js b/build/player/esm/lottie_light_canvas.min.js
diff --git a/build/player/esm/lottie_light_html.min.js b/build/player/esm/lottie_light_html.min.js
diff --git a/build/player/esm/lottie_svg.min.js b/build/player/esm/lottie_svg.min.js
diff --git a/build/player/lottie.js b/build/player/lottie.js
diff --git a/build/player/lottie.min.js b/build/player/lottie.min.js
diff --git a/build/player/lottie_canvas.js b/build/player/lottie_canvas.js
diff --git a/build/player/lottie_canvas.min.js b/build/player/lottie_canvas.min.js
diff --git a/build/player/lottie_canvas_worker.js b/build/player/lottie_canvas_worker.js
diff --git a/build/player/lottie_canvas_worker.min.js b/build/player/lottie_canvas_worker.min.js
diff --git a/build/player/lottie_html.js b/build/player/lottie_html.js
diff --git a/build/player/lottie_html.min.js b/build/player/lottie_html.min.js
diff --git a/build/player/lottie_light.js b/build/player/lottie_light.js
diff --git a/build/player/lottie_light.min.js b/build/player/lottie_light.min.js
diff --git a/build/player/lottie_light_canvas.js b/build/player/lottie_light_canvas.js
diff --git a/build/player/lottie_light_canvas.min.js b/build/player/lottie_light_canvas.min.js
diff --git a/build/player/lottie_light_html.js b/build/player/lottie_light_html.js
diff --git a/build/player/lottie_light_html.min.js b/build/player/lottie_light_html.min.js
diff --git a/build/player/lottie_svg.js b/build/player/lottie_svg.js
diff --git a/build/player/lottie_svg.min.js b/build/player/lottie_svg.min.js
diff --git a/build/player/lottie_worker.js b/build/player/lottie_worker.js
diff --git a/build/player/lottie_worker.min.js b/build/player/lottie_worker.min.js
diff --git a/player/js/elements/canvasElements/CVImageElement.js b/player/js/elements/canvasElements/CVImageElement.js
@@ -1,7 +1,6 @@
 import {
   extendPrototype,
 } from '../../utils/functionExtensions';
-import createTag from '../../utils/helpers/html_elements';
 import RenderableElement from '../helpers/RenderableElement';
 import BaseElement from '../BaseElement';
 import TransformElement from '../helpers/TransformElement';
@@ -21,34 +20,25 @@ extendPrototype([BaseElement, TransformElement, CVBaseElement, HierarchyElement,
 CVImageElement.prototype.initElement = SVGShapeElement.prototype.initElement;
 CVImageElement.prototype.prepareFrame = IImageElement.prototype.prepareFrame;
 
-CVImageElement.prototype.createContent = function () {
-  if (this.img.width && (this.assetData.w !== this.img.width || this.assetData.h !== this.img.height)) {
-    var canvas = createTag('canvas');
-    canvas.width = this.assetData.w;
-    canvas.height = this.assetData.h;
-    var ctx = canvas.getContext('2d');
-
-    var imgW = this.img.width;
-    var imgH = this.img.height;
-    var imgRel = imgW / imgH;
-    var canvasRel = this.assetData.w / this.assetData.h;
-    var widthCrop;
-    var heightCrop;
-    var par = this.assetData.pr || this.globalData.renderConfig.imagePreserveAspectRatio;
-    if ((imgRel > canvasRel && par === 'xMidYMid slice') || (imgRel < canvasRel && par !== 'xMidYMid slice')) {
-      heightCrop = imgH;
-      widthCrop = heightCrop * canvasRel;
-    } else {
-      widthCrop = imgW;
-      heightCrop = widthCrop / canvasRel;
-    }
-    ctx.drawImage(this.img, (imgW - widthCrop) / 2, (imgH - heightCrop) / 2, widthCrop, heightCrop, 0, 0, this.assetData.w, this.assetData.h);
-    this.img = canvas;
+CVImageElement.prototype.renderInnerContent = function () {
+  var imgW = this.img.width;
+  var imgH = this.img.height;
+
+  var imgRel = imgW / imgH;
+  var canvasRel = this.assetData.w / this.assetData.h;
+  var widthCrop;
+  var heightCrop;
+  var par = this.assetData.pr || this.globalData.renderConfig.imagePreserveAspectRatio;
+
+  if ((imgRel > canvasRel && par === 'xMidYMid slice') || (imgRel < canvasRel && par !== 'xMidYMid slice')) {
+    heightCrop = imgH;
+    widthCrop = heightCrop * canvasRel;
+  } else {
+    widthCrop = imgW;
+    heightCrop = widthCrop / canvasRel;
   }
-};
 
-CVImageElement.prototype.renderInnerContent = function () {
-  this.canvasContext.drawImage(this.img, 0, 0);
+  this.canvasContext.drawImage(this.img, (imgW - widthCrop) / 2, (imgH - heightCrop) / 2, widthCrop, heightCrop, 0, 0, this.assetData.w, this.assetData.h);
 };
 
 CVImageElement.prototype.destroy = function () {