update avatar

VERSION

-2.20.1
+2.21.0
\ No newline at end of file

frontend/src/views/avatar/Avatar.vue

@@ -12,7 +12,6 @@ import AutoReloadCheckbox from "../../components/reload/AutoReloadCheckbox.vue";
 import OverlaySelect from "./OverlaySelect.vue";
 
 import overlayImage1 from "../../assets/template/avatar/overlay.png";
-import overlayImage2 from "../../assets/template/avatar/overlay2.png";
 
 import { toRawDeep } from "../../utils";
 </script>
@@ -28,13 +27,9 @@ export default {
   data() {
     const overlayOptions = {
       overlay1: {
-        title: "Lepší opozice (černé pozadí)",
+        title: "Kolečko",
         overlayImage: overlayImage1,
       },
-      overlay2: {
-        title: "Lepší opozice (bílé pozadí)",
-        overlayImage: overlayImage2,
-      },
     };
 
     return {

frontend/src/views/avatar/canvas.js

@@ -119,6 +119,19 @@ const redraw = async (canvas, options) => {
     pointerDownEventAssigned = true;
   }
 
+  const clipCircle = new fabric.Circle({
+    left: canvas.width/2,
+    top: canvas.height/2,
+    originX: 'center',
+    originY: 'center',
+    radius: canvas.width / 2,
+    absolutePositioned: true   // clip relative to canvas
+  });
+  
+  // assign it to the canvas
+  canvas.clipPath = clipCircle;
+  canvas.renderAll();
+
   upEventFunction = (event) => {
     redraw(canvas, options);
   };