די בענעפיץ פון ניצן סקאַלאַבלע וועקטאָר גראַפיקס
סקאַלאַבלע וועקטאָר גראַפיקס, אָדער SVG, שפּילן אַ וויכטיק ראָלע אין וועבזייַטל פּלאַן הייַנט. אויב איר טאָן ניט איצט ניצן SVG אין דיין וועב פּלאַן אַרבעט, דאָ זענען עטלעכע סיבות וואָס איר זאָל אָנהייבן טאן אַזוי, ווי געזונט ווי פאָלדערס איר קענען נוצן פֿאַר עלטערע בראַוזערז וואָס טאָן ניט שטיצן די טעקעס.
רעסאָלוטיאָן
די ביגאַסט נוץ פון סווג איז האַכלאָטע זעלבסטשטענדיקייַט. ווייַל סווג טעקעס זענען וועקטאָר גראַפיקס אַנשטאָט פון פּיקסעל-באזירט ראַסטער בילדער, זיי קענען זיין רעסיזעד אָן לוזינג קיין בילד קוואַליטעט. דאָס איז ספּעציעל נוציק ווען איר מאַכן שעפעדיק וועבסיטעס וואָס דאַרפֿן צו קוקן גוט און אַרבעט געזונט אין אַ ברייט קייט פון פאַרשטעלן סיזעס און דעוויסעס .
סווג טעקעס קענען זיין סקיילד אַרויף אָדער אַראָפּ צו אַקאַמאַדייט די טשאַנגינג גרייס און אויסלייג באדערפענישן פון דיין אָפּרופיק וועבזייַטל און איר טאָן ניט דאַרפֿן צו זאָרג וועגן די גראַפיקס מיט קאַמפּראַמייזד קוואַליטעט קיין שריט פון די וועג.
טעקע גרייס
איינער פון די טשאַלאַנדזשיז מיט ניצן ראַסטער בילדער (דזשפּג, פּנג, גיף) אויף אָפּרופיק וועבסיטעס איז די טעקע גרייס פון די בילדער. ווייַל ראַסטער בילדער טאָן ניט וואָג די וועג וואָס וועקטאָר אָנעס טאָן, איר דאַרפֿן צו באַפרייַען דיין פּיקסעל-באזירט בילדער אין דער גרעסטער גרייס וואָס זיי וועלן ווייַזן. דאָס איז ווייַל איר קענען שטענדיק מאַכן אַ בילד קלענערער און ריטיין זייַן קוואַליטעט, אָבער די זעלבע איז ניט אמת פֿאַר מאכן בילדער גרעסערע. דער סוף רעזולטאַט איז אַז איר אָפט האָבן בילדער וואָס זענען פיל גרעסער, ווי זיי זענען געוויזן אויף אַ מענטש 'ס פאַרשטעלן, וואָס מיטל זיי זענען נידלאַסלי געצווונגען צו אָפּלאָדירן אַ זייער גרויס טעקע.
SVG ווענדט דעם אַרויסרופן. ווייַל די וועקטאָר גראַפיקס זענען סקאַלאַבלע, איר קענען האָבן זייער קליין טעקע סיזעס ראַגאַרדלאַס פון ווי גרויס די בילדער קענען זיין געוויזן. דאָס וועט לעסאָף האָבן אַ positive פּראַל אויף אַ פּלאַץ פון קוילעלדיק פאָרשטעלונג און אָפּלאָדירן גיכקייַט.
CSS Styling
סווג קאָד קענען אויך זיין גלייַך צו די HTML פון אַ בלאַט. דאס איז באקאנט ווי "ינלינע סווג." איינער פון די בענעפיץ פון ניצן ינלינע סווג איז אַז זינט די גראַפיקס זענען פאקטיש ציען דורך דעם בלעטערער באזירט אויף דיין קאָד, עס איז ניט דאַרפֿן צו מאַכן אַ הטטפּ בעטן צו ברענגען אַ בילד טעקע. אן אנדער נוץ איז אַז ינלינע סווג קענען ווערן סטיילד מיט קסס.
דאַרפֿן צו טוישן די קאָליר פון אַ סווג ייקאַן? אַנשטאָט פון וואָס איר דאַרפֿן צו עפענען דעם בילד אין עטלעכע סאָרט פון עדיטינג ווייכווארג און אַרויספירן און צופֿעליקער די טעקע ווידער, איר קענען פשוט טוישן די SVG טעקע מיט אַ ביסל שורות פון קסס.
איר קענען אויך נוצן אנדערע קסס סטיילז אויף SVG גראַפיקס צו טוישן זיי אויף האָווער שטאַטן אָדער פֿאַר זיכער פּלאַן באדערפענישן. איר קענען אפילו אָנטייל נעמען די גראַפיקס צו לייגן עטלעכע באַוועגונג און ינטעראַקטיוויטי צו אַ בלאַט.
אַנימאַטיאָנס
ווייַל ינלינע סווג טעקעס קענען זיין סטילעד מיט קסס, איר קענען נוצן קסס אַנאַמיישאַנז אויף זיי ווי געזונט. קסס טראַנספאָרמז און טראַנזישאַנז זענען צוויי גרינג וועגן צו לייגן עטלעכע לעבן צו סווג טעקעס. איר קענען באַקומען רייַך פלאַש-ווי יקספּיריאַנסיז אויף אַ בלאַט אָן סאַקאַמינג צו די דאַונסיידז אַז קומען מיט ניצן פלאַש אויף וועבסיטעס הייַנט.
באַניץ פון סווג
ווי שטאַרק ווי סווג איז, די גראַפיקס קענען נישט פאַרבייַטן יעדער אנדערע בילד פֿאָרמאַט איר זענט ניצן אויף דיין וועבזייַטל. פאָטאָס וואָס דאַרפן טיף קאָלירן טיפקייַט נאָך דאַרפֿן צו זיין אַ דזשפּג אָדער טאָמער אַ פּנג טעקע, אָבער פּשוט בילדער ווי נוליקע זענען בישליימעס פּאַסיק פֿאַר די עקסקלאָוזד ווי סווג.
סווג קענען אויך זיין צונעמען פֿאַר מער קאָמפּליצירט יללוסטראַטיאָנס, ווי פירמע לאָגאָס אָדער גראַפס און טשאַרץ. אַלע פון די גראַפיקס וועט נוץ פון סקאַלאַבלע, קענען זיין סטיילד מיט קסס, און די אנדערע אַדוואַנטידזשיז ליסטעד אין דעם אַרטיקל.
שטיצן פֿאַר עלטערע בראַוזערז
קראַנט שטיצן פֿאַר סווג איז זייער גוט אין מאָדערן וועב בראַוזערז. די בלויז בראַוזערז אַז טאַקע פעלן שטיצן פֿאַר די גראַפיקס זענען עלטערן ווערסיעס פון Internet Explorer (ווערסיע 8 און ווייטער) און אַ ביסל עלטער ווערסיעס פון אַנדרויד. אַלע אין אַלע, אַ זייער קליין פּראָצענט פון די בראַוזינג באַפעלקערונג נאָך ניצט די בראַוזערז, און אַז נומער האלט צו פֿאַרבעסערן. דעם מיטל אַז SVG קענען זיין געניצט שיין בעשאָלעם אויף וועבסיטעס הייַנט.
אויב איר ווילן צו צושטעלן אַ פאַלבאַקק פֿאַר סווג, איר קענען נוצן אַ געצייַג ווי גראַמפּיקאָן פון די פילאַמענט גרופע. דעם מיטל וועט נעמען דיין סווג בילד טעקעס און מאַכן פּנג פאַלקבאַקקס פֿאַר עלטערע בראַוזערז.
Edited by Jeremy Girard on 1/27/17