להורדה | מחולל מנדלות איכותי ופשוט

ישראל 142

@רנדומלי כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

הקטנתי את התפריט, ואפשרתי להחליף רקע בלי לאבד את כל העבודה הקודמת.

התבססתי על הסקריפט המקורי + כפתור הביטול של @נחמן-פלח (מקווה שלא הפרתי זכויות יוצרים או משהו).

שימו לב שביטול הפעולה האחרונה חלה רק על הקווים המצוירים ולא על צבע הרקע.
כמו כן - לפני שאתם קובעים צבע רקע, הורידו את הסימון מ"רקע שקוף" על מנת שתוכלו לראות את הצבע.

יוצר המנדלות + ביטול פעולה אחרונה.zip

זה למשל כן שומר את הרקע

נחמן פלח

@ישראל-142 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

@נחמן-פלח

@רנדומלי כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

הקטנתי את התפריט, ואפשרתי להחליף רקע בלי לאבד את כל העבודה הקודמת.

התבססתי על הסקריפט המקורי + כפתור הביטול של @נחמן-פלח (מקווה שלא הפרתי זכויות יוצרים או משהו).

שימו לב שביטול הפעולה האחרונה חלה רק על הקווים המצוירים ולא על צבע הרקע.
כמו כן - לפני שאתם קובעים צבע רקע, הורידו את הסימון מ"רקע שקוף" על מנת שתוכלו לראות את הצבע.

יוצר המנדלות + ביטול פעולה אחרונה.zip

זה למשל כן שומר את הרקע

נכון... משהו התפקשש לgpt או ההתאמה אישית עושה בעיות

רנדומלי

@נחמן-פלח
אני לא מצליח להבין מה הוא עושה בפונקציה של השמירה.
הנה פונקציה שעובדת:

saveImageButton.addEventListener("click", () => {
    // קבע את צבע הרקע או קבע רקע כשקוף
    const backgroundColor = transparencyCheckBox.checked ? "rgba(255, 255, 255, 0)" : bgColorPicker.value;
    // צור אלמנט זמני
    const tempCanvas = document.createElement("canvas");
    const tempCtx = tempCanvas.getContext("2d");

    tempCanvas.width = canvas.width;
    tempCanvas.height = canvas.height;

    tempCtx.fillStyle = backgroundColor;
    tempCtx.beginPath();
    tempCtx.arc(centerX, centerY, centerX, 0, 2 * Math.PI);
    tempCtx.closePath();
    tempCtx.fill();

    // צייר את המנדלה
    tempCtx.save();
    tempCtx.beginPath();
    tempCtx.arc(centerX, centerY, centerX, 0, 2 * Math.PI);
    tempCtx.closePath();
    tempCtx.clip();
    tempCtx.drawImage(canvas, 0, 0);
    tempCtx.restore();

    // שמור את התמונה
    const link = document.createElement("a");
    link.download = "mandala.png";
    link.href = tempCanvas.toDataURL();
    link.click();
  });

ישראל 142

@נחמן-פלח

יוצר המנדלות מעודכן.zip

קוד חדש כולל כל הפונקציות
בשילוב הפונקציה (מהקטע קוד של @רנדומלי)
ותיקון השמירה של הרקע הנבחר

רנדומלי

@ישראל-142
תכווץ את זה ל-zip לפני שאתה מעלה - הוא לא נותן להוריד קבצי html

רנדומלי

@ישראל-142 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

קוד חדש כולל כל הפונקציות
בשילוב הפונקציה (מהקטע קוד של @רנדומלי)
ותיקון השמירה של הרקע הנבחר.

הייתי בטוח שכללת גם את הקטע הזה:

@רנדומלי כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

ביטול פעולה אחרונה באמצעות ctrl+z (צריך להגדיר id ל-body).

ישראל 142

@רנדומלי כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

ביטול פעולה אחרונה באמצעות ctrl+z

הוספתי עכשיו גם את זה

יוצר המנדלות מעודכן2.zip

וגם בדקתי שזה עובד
(בהתחלה זה עבד רק באנגלית ואז עשיתי שזה יעבוד גם בעברית)

כמובן יש גם את השמירה עם צבע הרקע הנבחר (ואת כל שאר הפונקציות)

ישראל 142

בס"ד הצלחתי להשלים את כל מה שהציעו, כולל תיקונים ושיפורים...

יוצר המנדלות מעודכן2 סופי.zip

תיקונים ועדכונים:

ביטול פעולה אחרונה

וגם אפשר באמצעות ctrl+z
וגם במצב עברית
הוספת סימן לכפתור

החזרת השמירה של צבע הרקע

וגם בקודם שהעלתי היה בעיה
שזה לא היה משנה את מספר הקווים לפי החלקים תוקן

קרדיטים:

על הרעיון והקוד הראשוני: @רפאל-vnkl
הוספת פונקציות ושיפורים: @נחמן-פלח @רנדומלי

נחמן פלח

@ישראל-142 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

הוספת סימת לכפתור

מה

ישראל 142

@נחמן-פלח כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

@ישראל-142 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

הוספת סימת לכפתור

מה

זה רק שינוי קוסמטי קטן, אבל המטרה בעיקר שידעו איזה גרסה זה

נחמן פלח

@ישראל-142 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

@נחמן-פלח כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

@ישראל-142 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

הוספת סימת לכפתור

מה

סימן*

ישראל 142

@נחמן-פלח
סליחה טעות: אני עשיתי את זה בהכתבה ולכן לא ראיתי את זה

נחמן פלח

@ישראל-142 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

@נחמן-פלח

אם יש לך הערות תעדכן

לא הבנתי, כתבת הוספתי סימת מה זה סימת?

נחמן פלח

@רפאל-vnkl @רנדומלי @ישראל-142

מוזמנים לבקר בגרסת הווב

https://mandala-generator.github.io/

עדלאידע

@נחמן-פלח כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

@רפאל-vnkl @רנדומלי @ישראל-142

מוזמנים לבקר בגרסת הווב

https://mandala-generator.github.io/

יש פשלה קטנה

לא רואים את כל המנדלה,
וא"א לגלול למטה...

ישראל 142

@נחמן-פלח כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

@רפאל-vnkl @רנדומלי @ישראל-142

מוזמנים לבקר בגרסת הווב

https://mandala-generator.github.io/

יפה מאוד!

אבל זה לא כולל את ctrl+z

נחמן פלח

@ישראל-142 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

@נחמן-פלח כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

@רפאל-vnkl @רנדומלי @ישראל-142

מוזמנים לבקר בגרסת הווב

https://mandala-generator.github.io/

יפה מאוד!

אבל זה לא כולל את ctrl+z

נכון אני יטפל בזה יותר מאוחר

נחמן פלח

@עדלאידע כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

@נחמן-פלח כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

@רפאל-vnkl @רנדומלי @ישראל-142

מוזמנים לבקר בגרסת הווב

https://mandala-generator.github.io/

יש פשלה קטנה

לא רואים את כל המנדלה,
וא"א לגלול למטה...

תקטין תקנבס...

עדלאידע

@ישראל-142 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:

אבל זה לא כולל את ctrl+z

מה הבעיה עם הכפתור של "ביטול פעולה אחרונה"?

נחמן פלח

@עדלאידע זה לא לעצלנים צריך להזיז תעכבר

כמובן שזה לא כוון נגד אף אחד