PDA

View Full Version : این خط کد چیه و چیکار می کنه؟



white tower
پنج شنبه 16 آبان 1392, 22:12 عصر
داشتم سورس css یه صفحه ای رو می دیدم که این خط به چشمم خورد.

background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3 N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0Jv eD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZS I+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2Vu ZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZS IgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgog ICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMD AwMCIgc3RvcC1vcGFjaXR5PSIwLjA3Ii8+CiAgICA8c3RvcCBv ZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC 1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8 cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi BmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8 L3N2Zz4=);

دیکدش کردم اینا توش بود

<?xml version="1.0" ?>
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">
<linearGradient id="grad-ucgg-generated" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#000000" stop-opacity="0.07"/>
<stop offset="70%" stop-color="#000000" stop-opacity="0"/>
</linearGradient>
<rect x="0" y="0" width="1" height="1" fill="url(#grad-ucgg-generated)" />
</svg>
چه دلیلی داره که یکی بیاد این دستورات xml رو کد کنه بذاره تو صفحه اش.
دلیل کد کردنش چیه؟

Omid Jackson
پنج شنبه 16 آبان 1392, 22:42 عصر
از وکتور استفاده کردن برای رنگ گرادینت از نقره ای به سفید
<svg> برای ایجاد وکتور در محیط وب هست
مثلا شما با AI وکتوری طراحی میکنین بعد میتونین کد های اون رو ذخیره کنین و تو محیط وب ازش استفاده کنین، دقیقا همون وکتوری که توی AI بوده به شما نشون میده، اکثر اوقات هم با path کد ها رو میده که البته بستگی داره شما از چه چیزهایی استفاده کرده باشین

white tower
جمعه 17 آبان 1392, 14:08 عصر
از وکتور استفاده کردن برای رنگ گرادینت از نقره ای به سفید
<svg> برای ایجاد وکتور در محیط وب هست
مثلا شما با AI وکتوری طراحی میکنین بعد میتونین کد های اون رو ذخیره کنین و تو محیط وب ازش استفاده کنین، دقیقا همون وکتوری که توی AI بوده به شما نشون میده، اکثر اوقات هم با path کد ها رو میده که البته بستگی داره شما از چه چیزهایی استفاده کرده باشین
خوب واسه چی کدش کرده؟دلیل خاصی داره؟