ווטסאפ - לינוקס, BSD, קוד פתוח ותוכנה חופשית בעברית. Whatsup - Linux, BSD, open source and free software in Hebrew

 
 
  כניסת חברים · רישום · שכחתי סיסמה  
tux the penguin

quick_linkSVG בדרך למוזילה

published at 30/04/2005 - 12:45 · ‏פורסם עידו · ‏tags מוזילה · שלח לחברידידותי למדפסת
מוזילה מאתמול נוספת תמיכה של (Scalable Vector Graphics (SVG בגרסאות הליליות של השועל. בינתיים התמיכה היא רק בחלונות ובמק, אולם תמיכה בלינוקס תתווסף בקרוב. כדי להפעיל את התמיכה יש להיכנס לדף about:config ולשנות את הערך של svg.enabled ל true.

דוגמאות של SVG ניתן לראות באתר croczilla ויש גם דוגמא של SVG Tetris.

תמיכה רשמית ב SVG תתווסף בגירסה 1.1 של פיירפוקס (זמן יציאה משוער: יוני 2005).

לאחרונה נוספה גם תמיכת SVG אצל האח הקטן של פיירפוקס, minimo. תמונות ניתן לראות בבלוג של Tim Rowley.

מה זה SVG?

על קצה המזלג, פורמט ה SVG מאפשר להגדיר אלמנטים גרפיים וקטוריים באמצעות קובץ XML, כך לדוגמה, קטע הקוד הבא:


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g fill-opacity="0.7" stroke="black" stroke-width="0.1cm">
<circle cx="6cm" cy="2cm" r="100" fill="red"
transform="translate(0,50)" />
<circle cx="6cm" cy="2cm" r="100" fill="blue"
transform="translate(70,150)" />
<circle cx="6cm" cy="2cm" r="100" fill="green"
transform="translate(-70,150)"/>
</g>
</svg>


יתפרש ע"י הדפדפן לתמונה הבאה:

<img src="http://img151.echo.cx/img151/6375/circles20xw.th.png" border="0" alt="Free Image Hosting at www.ImageShack.us" />

והיתרונות?


  • אתרים המשלבים תוכן המוגדר על ידי SVG יטענו מהר יותר, יהיה צורך בפחות קריאות רשת עבור העמוד, וסך המידע הכללי העובר יהיה קטן יותר.
  • הפורמט הוקטורי מאפשר שינוי גודל פשוט - כך לדוגמה אתר יכול ליצור לוגו יחיד בפורמט SVG ולהגיש אותו לקורא בגדלים שונים ע"פ התוכן - מעבר לחסכון בעבודה מצד בונה האתר, ישנו יתרון נוסף בכך שהתמונה כבר שמורה בזיכרון המטמון של הקורא, והוא אינו צריך לטעון מהרשת את התמונה עבור כל גודל.
  • מכיוון שהפורמט הבסיסי הוא טקסטואלי, תוכנה בצד השרת יכולה ליצור תמונות בקלות יחסית בכדי להתאים לפעולות המשתמש או להעדפותיו.
  • תוכנות צד-לקוח (javascript לדוגמה) יכולות אף הן לשלוט על התמונה.
  • חשבו על אתר מפות עם זריקת SVG - אפשרות זום לכל גודל רצוי, טעינה מהירה, שיטוט מהיר על-פני המפה, חיפוש, הוספת שכבות - כל מה שגוגל נותנת היום ועוד קצת.


שושנה פורבס מדווחת בבלוג שלה על חדשות נוספות מתחום הדפדפנים: http://www.xslf.com/archives/000160.html.

קישורים:

MozillaZine, SVG Included in Mozilla Firefox,

ווטסאפ, נשיאת קרן מוזילה מתראיינת לסלאשדוט,

ווטסאפ, MiniMo: מקטינים ראש?

הערה: הודבק ע"י דוביקס
 

קישורים רלוונטיים

SVG בדרך למוזילה | כניסה / יצירת מנוי חדש | 9 תגובות
סף חסימה
  
ההערות הינן מטעם כותביהן. אין צוות האתר לוקח אחריות על תוכנן
Re: SVG בדרך למוזילה (ניקוד: 1)
ע"י rotemliss (mail-STRUDEL-rotemliss-DOT-com)
ב 30/04/2005 - 13:16
(מידע על משתמש | שלח הודעה) http://www.rotemliss.com
הקישור לבלוג של Xslf הוא קישור לכתבה הנוכחית.

[ השב לזאת ]

Re: SVG בדרך למוזילה(ניקוד: 1)
ע"י דוביקס ב 30/04/2005 - 13:34
(מידע על משתמש | שלח הודעה)
תודה, תוקן.

[ השב לזאת ]

Re: SVG בדרך למוזילה (ניקוד: 0)
ע"י פינגווין אנונימי ב 30/04/2005 - 13:35
תודה על הכתבה - נהניתי ללמוד על משהו חדש.

[ השב לזאת ]

Re: SVG בדרך למוזילה(ניקוד: 0)
ע"י פינגווין אנונימי ב 30/04/2005 - 16:23
קבל ח"ח :-))

[ השב לזאת ]

PNG vs SVG (ניקוד: 0)
ע"י פינגווין אנונימי ב 30/04/2005 - 17:42
Whats the difference between them ?
Which one is better ?

http://whatsup.org.il/index.php?name=PNphpBB2&file=viewtopic&p=117268#117268

As I see it, the only difference is that SVG can be controlled via XML.
Convenient but not revolutionary.

Comments?



hq4ever

[ השב לזאת ]

Re: PNG vs SVG(ניקוד: 1)
ע"י דוביקס ב 30/04/2005 - 17:52
(מידע על משתמש | שלח הודעה)
אם התכוונת ל-PNG - הרי שהוא פורמט ביטים, בעוד ש-SVG הוא פורמט וקטורי.

[ השב לזאת ]

Re: PNG vs SVG(ניקוד: 0)
ע"י פינגווין אנונימי ב 30/04/2005 - 23:14
ואגב: למי שמחפש פורמט ביטים טקסטואלי: xpm.

[ השב לזאת ]

revolutionary(ניקוד: 1)
ע"י bombadil ב 02/05/2005 - 05:03
(מידע על משתמש | שלח הודעה) http://
It's revolutionary at least in the sense
that you can write Javascript code
that can manipulate a resizable graph.
For instance - I'd like to create a
graph of results and let the user
to:
1. resize the window and still get the graph.
2. change parameters of the calculation and have
the new graph downloaded via xmlhttp. (a-la
Google, Ajax etc.).
So far the only way I found to do this was via
a very nice hack from someone from Germany (forgot the link)
which uses div's filled with colors as pixels and
implements Bresenham algorithms in JavaScript.

(http://en.wikipedia.org/wiki/Jack_E._Bresenham
mentions the line-drawing algorithm, but he also
invented a circle-drawing algorithm).

[ השב לזאת ]

Re: SVG בדרך למוזילה (ניקוד: 0)
ע"י פינגווין אנונימי ב 02/05/2005 - 16:19
אולי זה מיותר לציין, אבל בkhtml התמיכה כבר קיימת

[ השב לזאת ]