עבור אל תוכן

חוקי הפורום - נא לקרוא

תמונה

שמירה אוטומטית במחשב של canvas ב-JavaScript כתמונה.

JavaScript canvas HTML

  • אנא התחבר בכדי להגיב
5 תגובות לנושא זה

#1 RuinSain

RuinSain

    https://taamtov.net

  • מתרגמי רשת
  • ******
  • 2,407 הודעות

נכתב ב- ‎15/12/2015‏, ‎20:13

עשיתי תכנית שיוצרת עיגולים ומרובעים על קנבאס באופן אוטומטי ורנדומלי.

רציתי לדעת האם יש דרך לשמור את הציור באופן אוטומטי בתיקייה במחשב?

כאשר אני משתמש בפונקציה toDataURL, זה פשט פותח לי אותו בדף חדש, וצריך ללחוץ עם העבר מקש ימני ולשמור בשם.

זה לא יעיל, כי אני פשוט יכול לעשות את הפעולה הזו כבר על הקנאס עצמו מבלי שימוש בפונקציה הזו.

האם יש פונקציה, או דרך כלשהי לשמור את הקנבאס כתמונה אוטומטית במחשב לאחר אירוע מסוים(למשל לחיצה על הקנבאס עצמו)?

תודה מראש.

 

*אם צריך את הקוד שלי, אני ארשום אותו כאן, למרות שהוא עם toDataURL, ולא שומר בצורה אוטומטית.


dLORI9W.png  


#2 Muli

Muli

    kthxbye

  • רשומים
  • *****
  • 1,820 הודעות

נכתב ב- ‎15/12/2015‏, ‎20:56

כפתור Download יכול לעזור?

 

http://weworkweplay....canvas-as-image



#3 avrahamcool

avrahamcool

    קול, אברהם קול.

  • ותיקים
  • *******
  • 5,704 הודעות

נכתב ב- ‎15/12/2015‏, ‎21:13

אתה חייב שתיהיה איזושהי אינטרקציה עם היוזר, (כמו כפתור download שהציעו פה).

מפני שאין ל- Javascript אפשרות לרשום קובץ למחשב של היוזר ללא ידיעתו (מטעמי אבטחה).

 

לדעתי תוכל לעשות זאת באמצעות Activex, או Flash.

אבל אני ממליץ לך בחום לא לפנות לכיוון הזה.


כן , כן , מלכים אין רק באגדות...

1411724.png


#4 RuinSain

RuinSain

    https://taamtov.net

  • מתרגמי רשת
  • ******
  • 2,407 הודעות

נכתב ב- ‎15/12/2015‏, ‎21:33

כן, בדיוק. אוכל להיעזר בזה(ב-download).

יש לי שאלה נוספת ברשותכם...

אני רוצה למשל לשמור את הקנבאס שיצר המשתמש ב-local storage.

כאשר הוא יילחץ על כפתור sava למשל, זה יישמור לו את זה שם. וכאשר הוא ילחץ על כפתור אחר, למשל restore או load, זה יחזיר לו את הקנבאס.

איך אני ניגש אל זה?


dLORI9W.png  


#5 avrahamcool

avrahamcool

    קול, אברהם קול.

  • ותיקים
  • *******
  • 5,704 הודעות

נכתב ב- ‎15/12/2015‏, ‎23:25

localStorage יכול להכיל פרימיטיביים בלבד. (כלומר, String, Bool, int וכד')

לכן תצטרך לשמור את הקנבאס כ- String.

יש פונקציה שמחזירה את הקנבאס ב- Base64. חפש בגוגל על זה.

 

הגישה ל- localStorage היא פשוטה:

// Save data to the current local store
localStorage.setItem("username", "John");

// Access some stored data
alert( "username = " + localStorage.getItem("username"));

  • RuinSain אוהב את זה

כן , כן , מלכים אין רק באגדות...

1411724.png


#6 RuinSain

RuinSain

    https://taamtov.net

  • מתרגמי רשת
  • ******
  • 2,407 הודעות

נכתב ב- ‎16/12/2015‏, ‎01:02

תודה רבה. אנסה.


dLORI9W.png  






תויגו גם עם אחת או יותר ממילות המפתח הללו: JavaScript, canvas, HTML

1 משתמשים קוראים נושא זה

0 משתמשים, 1 אורחים, 0 משתמשים אנונימיים