fix: resolve crop errors

src/components/ImageCropper.svelte

@@ -88,22 +88,33 @@
       errorMessage = null;
       setLoading(true);
 
-      console.log("Calling getCropperImage");
+      console.log("Calling getCropperCanvas");
-      const image = cropper.getCropperImage();
+      const cropperCanvasElement = cropper.getCropperCanvas();
-      console.log("Image result:", image);
+      console.log("CropperCanvas result:", cropperCanvasElement);
-      console.log("Image type:", typeof image);
+      console.log("CropperCanvas type:", typeof cropperCanvasElement);
 
-      if (!image) {
+      if (!cropperCanvasElement) {
         throw new Error("Не удалось получить обрезанное изображение");
       }
 
-      // Проверяем, есть ли у image метод toDataURL
+      // Используем метод $toCanvas для получения HTMLCanvasElement
-      if (typeof image.toDataURL === "function") {
+      const canvas = await cropperCanvasElement.$toCanvas({
-        const croppedImage = image.toDataURL("image/png");
+        width: 320,
-      } else {
+        imageSmoothingEnabled: true,
-        throw new Error("Изображение не имеет метода toDataURL");
+        imageSmoothingQuality: "high",
+      });
+      console.log("Canvas result:", canvas);
+      console.log("Canvas type:", typeof canvas);
+      console.log("Canvas.toDataURL:", typeof canvas?.toDataURL);
+
+      if (!canvas) {
+        throw new Error("Не удалось получить canvas");
       }
 
+      // Теперь canvas - это обычный HTMLCanvasElement
+      const croppedImage = canvas.toDataURL("image/png");
+      console.log("Cropped image:", croppedImage);
+
       // Validate cropped image
       const cropResult: ImageCropResult = {
         success: true,