From 8cfff9a0767cbaa4c192985fa52e91bc24afcf00 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Mon, 17 Sep 2018 10:09:54 +0200
Subject: [PATCH] Rounded Team Images

---
 ProductCard.js | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/ProductCard.js b/ProductCard.js
index 64e9bfd15..af3ac3a05 100644
--- a/ProductCard.js
+++ b/ProductCard.js
@@ -366,9 +366,22 @@
         let teamImage = document.getElementById(thisObject.bot.devTeam + ".png");
 
         if (teamImage.naturalHeight !== 0) {
+
+            /* The image is rounded before being displayed. */
+
+            browserCanvasContext.save();
+            browserCanvasContext.beginPath();
+            browserCanvasContext.arc(teamImagePoint.x + devTeamImageSize / 2, teamImagePoint.y + devTeamImageSize / 2, devTeamImageSize / 2, 0, Math.PI * 2, true);
+            browserCanvasContext.closePath();
+            browserCanvasContext.clip();
             browserCanvasContext.drawImage(teamImage, teamImagePoint.x, teamImagePoint.y, devTeamImageSize, devTeamImageSize);
+            browserCanvasContext.beginPath();
+            browserCanvasContext.arc(teamImagePoint.x  , teamImagePoint.y  , devTeamImageSize / 2, 0, Math.PI * 2, true);
+            browserCanvasContext.clip();
+            browserCanvasContext.closePath();
+            browserCanvasContext.restore();
         }
-        
+
         /* Second the Bot's Profile Picture. */
 
         if (thisObject.bot.profilePicture !== undefined) {