סווג אָדער סקאַלאַבלע וועקטאָר גראַפיקס לאָזן איר ציען פיל מער קאָמפּליצירט בילדער און האָבן זיי רענדערד אויף וועב זייַטלעך. אָבער איר קענען נישט פשוט נעמען די SVG טאַגס און סלאַפּ זיי אין דיין HTML. זיי וועלן נישט ווייַזן אַרויף און דיין בלאַט וועט זיין פאַרקריפּלט. אַנשטאָט, איר האָבן צו נוצן איינער פון דרייַ מעטהאָדס.
ניצן די אַבדזשעקט טאַג צו עמבעד SVG די HTML קוויטל וועט אַרייַננעמען אַ SVG גראַפיק אין דיין וועב בלאַט. איר שרייַבן די כייפעץ טאַג מיט אַ דאַטן אַטריביוט צו דעפינירן די SVG טעקע איר ווילן צו עפענען. איר זאָל אויך אַרייַננעמען ברייט און הייך אַטריביוץ צו באַשליסן די ברייט און הייך פון דיין SVG בילד (אין בילדצעלן).
פֿאַר קרייַז-בלעטערער קאַמפּאַטאַבילאַטי, איר זאָל אַרייַננעמען די טיפּ אַטריביוט, וואָס זאָל לייענען:
טיפּ = "בילד / סווג + קסמל"
און אַ קאָדעבאַסע פֿאַר בראַוזערז אַז טאָן ניט שטיצן עס (Internet Explorer 8 און נידעריקער). דיין קאָדעבאַסע וואָלט פונט צו אַ סווג פּלוגין פֿאַר בראַוזערז אַז טאָן ניט שטיצן סווג. די מערסט קאַמאַנלי געניצט פּלוגין איז פון אַדאָובי בייַ http://www.adobe.com/svg/viewer/install/. אָבער, דעם פּלוגין איז ניט מער געשטיצט דורך אַדאָובי. אן אנדער אָפּציע איז די ססרק סווג פּלוגין פון סאַוואַרעסע ווייכווארג פאָרשונג בייַ http://www.savarese.com/software/svgplugin/.
דיין כייפעץ וואָלט קוקן ווי דאָס:
עצות פֿאַר ניצן כייפעץ פֿאַר סווג מאַכן זיכער אַז די ברייט און הייך זענען בייַ מינדסטער ווי גרויס ווי די בילד איר זענען עמבעדדינג. אַנדערש, דיין בילד קען זיין קליפּט. דיין SVG קען נישט אַרויסווייַזן ריכטיק אויב איר טאָן ניט אַרייַננעמען די ריכטיק צופרידן טיפּ (טיפּ = "בילד / סווג + קסמל"), אַזוי איך טאָן נישט רעקאָמענדירן לאָזן עס אויס. איר קענען אַרייַננעמען פאָלאַקבאַק אינפֿאָרמאַציע ין די כייפעץ קוויטל פֿאַר בראַוזערז וואָס וועט ניט אַרויסווייַזן סווג טעקעס. איר קענען אויך שטעלן די מקור פון דיין SVG און די צופרידן טיפּ אין פּאַראַמעטערס. דעם קען אַרבעט בעסער אין הייסט 6 און 7: באַמערקונג אַז דאָס דאַרף אַ קלאַססיד צו מאַכן עס אַרבעט.
קוק אַ SVG אין אַ כייפעץ טאַג בייַשפּיל.
עמבעד SVG מיט די אַרייַנשיקן Tag אן אנדער אָפּציע איר האָבן פֿאַר אַרייַנגערעכנט סווג איז צו נוצן דעם קוויטל. איר נוצן קימאַט די זעלבע אַטריביוץ ווי די כייפעץ קוויטל, אַרייַנגערעכנט ברייט <, הייך, טיפּ, און קאָדעבייז>. דער בלויז חילוק איז אַז אַנשטאָט פון דאַטן, איר שטעלן דיין סווג דאָקומענט URL אין די סרק אַטריביוט.
דיין עמבעד וואָלט ווי דאָס:
src = "http://your-domain.here/z-circle.svg" ברייט = "210" הייך = "210" טיפּ = "בילד / סווג + קסמל" קאָדעבאַסע = "http://www.adobe.com / סווג / צוקוקער / ינסטאַלירן "/> עצות פֿאַר ניצן עמבעד פֿאַר SVG
דער אַרייַנפיר צעטל איז ניט גילטיק HTML4, אָבער עס איז גילטיק HTML5, אַזוי אויב איר נוצן עס אין HTML4 בלאַט, געדענקען אַז דיין בלאַט וועט נישט וואַלאַדייט. ניצן אַ גאָר קוואָאַליפיעד פעלד נאָמען אין די סרפּ אַטריביוט פֿאַר בעסטער קאַמפּאַטאַבילאַטי. עס זענען אויך עטלעכע ריפּאָרץ אַז ניצן די ימבעד קוויטל מיט דעם אַדאָובי פּלוגין וועט צאַמען מאָזיללאַ ווערסיעס 1.0-1.4. זעט אַ SVG אין אַ ביישפּיל אַפּלאַקיישאַן.
ניצן אַ יפראַמע צו אַרייַננעמען סווג יפראַמעס זענען אנדערן גרינג וועג צו אַרייַננעמען אַ סווג בילד אויף דיין וועב זייַטלעך. עס נאָר דאַרף דרייַ אַטריביוץ: ברייט און הייך ווי געוויינטלעך, און סרינק ווייזט צו דעם אָרט פון דיין סווג טעקע.
דיין יפראַמע וואָלט קוקן ווי דאָס: