Apply border radius correctly on image elements

niklasvh · Aug 3, 2017 · ad1119a · ad1119a
1 parent fe97851
commit ad1119a
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/CanvasRenderer.js b/src/CanvasRenderer.js
@@ -88,7 +88,9 @@ export default class CanvasRenderer {
                 );
                 const width = typeof image.width === 'number' ? image.width : contentBox.width;
                 const height = typeof image.height === 'number' ? image.height : contentBox.height;
-
+                this.ctx.save();
+                this.path(calculatePaddingBoxPath(container.curvedBounds));
+                this.ctx.clip();
                 this.ctx.drawImage(
                     image,
                     0,
@@ -100,6 +102,7 @@ export default class CanvasRenderer {
                     contentBox.width,
                     contentBox.height
                 );
+                this.ctx.restore();
             }
         }