להורדה | מחולל מנדלות איכותי ופשוט
-
@נחמן-פלח
אני לא מצליח להבין מה הוא עושה בפונקציה של השמירה.
הנה פונקציה שעובדת: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 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
@רנדומלי כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
הקטנתי את התפריט, ואפשרתי להחליף רקע בלי לאבד את כל העבודה הקודמת.
התבססתי על הסקריפט המקורי + כפתור הביטול של @נחמן-פלח (מקווה שלא הפרתי זכויות יוצרים או משהו).
שימו לב שביטול הפעולה האחרונה חלה רק על הקווים המצוירים ולא על צבע הרקע.
כמו כן - לפני שאתם קובעים צבע רקע, הורידו את הסימון מ"רקע שקוף" על מנת שתוכלו לראות את הצבע.זה למשל כן שומר את הרקע
נכון... משהו התפקשש לgpt או ההתאמה אישית עושה בעיות
-
יוצר המנדלות מעודכן.zip
קוד חדש כולל כל הפונקציות
בשילוב הפונקציה (מהקטע קוד של @רנדומלי)
ותיקון השמירה של הרקע הנבחר@ישראל-142
תכווץ את זה ל-zip לפני שאתה מעלה - הוא לא נותן להוריד קבצי html -
@נחמן-פלח
אם יורשה לי - שתי הצעות לשיפור.ביטול פעולה אחרונה באמצעות ctrl+z (צריך להגדיר id ל-body).
body.addEventListener("keydown", (event) => { if (event.code === "KeyZ" && event.ctrlKey) { undoLastAction(); } });להוציא את החלפת צבע הרקע לפונקציה נפרדת. ולקרוא לה גם בשינוי תיבת הצבע וגם בשינוי תיבת הבחירה של השקיפות:
function transparencyBackgroundColor() { const bgColor = bgColorPicker.value; if (!transparencyCheckBox.checked) { // רק אם הרקע לא שקוף, עדכן את צבע הרקע canvas.style.backgroundColor = bgColor; } else { // אם הרקע שקוף, אפס את צבע הרקע canvas.style.backgroundColor = "transparent"; } } bgColorPicker.addEventListener("input", transparencyBackgroundColor); transparencyCheckBox.addEventListener("input", transparencyBackgroundColor);מלבד זאת אם ברירת המחדל היא רקע שקוף - עדיף להשאיר את הסימון של התיבה.
(ראיתי שאתה מבטל את הסימון בקוד - אבל זה לא גורם לעדכון של צבע הרקע - הוא נשאר שקוף).@ישראל-142 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
קוד חדש כולל כל הפונקציות
בשילוב הפונקציה (מהקטע קוד של @רנדומלי)
ותיקון השמירה של הרקע הנבחר.הייתי בטוח שכללת גם את הקטע הזה:
@רנדומלי כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
ביטול פעולה אחרונה באמצעות ctrl+z (צריך להגדיר id ל-body).
-
@ישראל-142 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
קוד חדש כולל כל הפונקציות
בשילוב הפונקציה (מהקטע קוד של @רנדומלי)
ותיקון השמירה של הרקע הנבחר.הייתי בטוח שכללת גם את הקטע הזה:
@רנדומלי כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
ביטול פעולה אחרונה באמצעות ctrl+z (צריך להגדיר id ל-body).
@רנדומלי כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
ביטול פעולה אחרונה באמצעות ctrl+z
הוספתי עכשיו גם את זה
יוצר המנדלות מעודכן2.zip
וגם בדקתי שזה עובד
(בהתחלה זה עבד רק באנגלית ואז עשיתי שזה יעבוד גם בעברית)כמובן יש גם את השמירה עם צבע הרקע הנבחר (ואת כל שאר הפונקציות)
-
@ישראל-142 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
קוד חדש כולל כל הפונקציות
בשילוב הפונקציה (מהקטע קוד של @רנדומלי)
ותיקון השמירה של הרקע הנבחר.הייתי בטוח שכללת גם את הקטע הזה:
@רנדומלי כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
ביטול פעולה אחרונה באמצעות ctrl+z (צריך להגדיר id ל-body).
בס"ד הצלחתי להשלים את כל מה שהציעו, כולל תיקונים ושיפורים...
יוצר המנדלות מעודכן2 סופי.zip
תיקונים ועדכונים:
ביטול פעולה אחרונה
- וגם אפשר באמצעות ctrl+z
- וגם במצב עברית
- הוספת סימן לכפתור
- החזרת השמירה של צבע הרקע
- וגם בקודם שהעלתי היה בעיה
שזה לא היה משנה את מספר הקווים לפי החלקים תוקן
קרדיטים:
על הרעיון והקוד הראשוני: @רפאל-vnkl
הוספת פונקציות ושיפורים: @נחמן-פלח @רנדומלי -
בס"ד הצלחתי להשלים את כל מה שהציעו, כולל תיקונים ושיפורים...
יוצר המנדלות מעודכן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/
יפה מאוד!
אבל זה לא כולל את ctrl+z
טכנאי מחשבים
-
@נחמן-פלח כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
@רפאל-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/
יש פשלה קטנה
לא רואים את כל המנדלה,
וא"א לגלול למטה...@עדלאידע כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
@נחמן-פלח כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
@רפאל-vnkl @רנדומלי @ישראל-142
מוזמנים לבקר בגרסת הווב
https://mandala-generator.github.io/
יש פשלה קטנה
לא רואים את כל המנדלה,
וא"א לגלול למטה...תקטין תקנבס...
-
@נחמן-פלח כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
@רפאל-vnkl @רנדומלי @ישראל-142
מוזמנים לבקר בגרסת הווב
https://mandala-generator.github.io/
יפה מאוד!
אבל זה לא כולל את ctrl+z
@ישראל-142 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
אבל זה לא כולל את ctrl+z
מה הבעיה עם הכפתור של "ביטול פעולה אחרונה"?
-
@ישראל-142 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
אבל זה לא כולל את ctrl+z
מה הבעיה עם הכפתור של "ביטול פעולה אחרונה"?
-
@ישראל-142 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
אבל זה לא כולל את ctrl+z
מה הבעיה עם הכפתור של "ביטול פעולה אחרונה"?
@עדלאידע כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
@ישראל-142 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
אבל זה לא כולל את ctrl+z
מה הבעיה עם הכפתור של "ביטול פעולה אחרונה"?
@רנדומלי ביקש שיהיה ctrl+z, אני בהתחלה גם שאלתי למה צריך
(ואז חשבתי שאולי מישהו רוצה לבטל פעולה בלי להזיז את העכבר למקום אחר אם הוא עושה משהו מאוד מדוייק
)אז חשבתי שאם רוצים אני אנסה, כי התחלתי כבר לעבוד על תיקון של שמירת צבע הרקע
-
@עדלאידע כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
@ישראל-142 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
אבל זה לא כולל את ctrl+z
מה הבעיה עם הכפתור של "ביטול פעולה אחרונה"?
@רנדומלי ביקש שיהיה ctrl+z, אני בהתחלה גם שאלתי למה צריך
(ואז חשבתי שאולי מישהו רוצה לבטל פעולה בלי להזיז את העכבר למקום אחר אם הוא עושה משהו מאוד מדוייק )אז חשבתי שאם רוצים אני אנסה, כי התחלתי כבר לעבוד על תיקון של שמירת צבע הרקע
@ישראל-142 כתב בלהורדה | מחולל מנדלות איכותי ופשוט:
@נחמן-פלח ביקש שיהיה ctrl+z, אני בהתחלה גם שאלתי למה צריך
אני לא ביקשתי כזה דבר
זה היה יוזמה של רנדומלי
צריך להזיז תעכבר { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}