SVG مثال

SVG ਫਾਈਲ ਦੇਖੋ

SVG ਵੇਖਣ ਵਾਲੇ ਸਾਊਟਸ ਨੂੰ ਇੰਸਟਾਲ ਨਹੀਂ ਕਰਨ ਤਾਂ ਤੁਸੀਂ SVG ਫਾਈਲ ਨੂੰ ਨਹੀਂ ਵੇਖ ਸਕਦੇ।

ਟਿੱਪਣੀਆਂ:Firefox 1.5 ਅਤੇ Opera 9 SVG ਨੂੰ ਮੂਲ ਰੂਪ ਵਿੱਚ ਸਮਰਥਨ ਦਿੰਦੇ ਹਨ।ਅਗਰ ਤੁਸੀਂ ਇਨ੍ਹਾਂ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚੋਂ ਕਿਸੇ ਨੂੰ ਵਰਤੋਂ ਵਿੱਚ ਲੈਂਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ SVG ਵੇਖਣ ਵਾਲੇ ਸਾਊਟਸ ਨੂੰ ਇੰਸਟਾਲ ਨਹੀਂ ਕਰਨਾ ਪਵੇਗਾ。

Adobe ਤੋਂ ਮੁਫਤ SVG ਵੇਖਣ ਵਾਲੇ ਡਾਊਨਲੋਡ ਕਰੋ

SVG ਸਰੋਤ ਕੋਡ ਦੇਖੋ

SVG ਸਰੋਤ ਕੋਡ ਦੇਖਣ ਲਈ ਇਨ੍ਹਾਂ ਉਦਾਹਰਨਾਂ ਨੂੰ ਖੋਲ੍ਹੋ, ਫਿਰ ਵਿੰਡੋ ਵਿੱਚ ਸਾਹਮਣੇ ਕਲਿੱਕ ਕਰੋ, ਅਤੇ ਸਰੋਤ ਕੋਡ ਦੇਖਣ ਲਈ 'ਸਰੋਤ ਕੋਡ ਦੇਖੋ' ਚੋਣ ਕਰੋ。

SVG مثال

SVG ਸ਼ਰਤ

ਚੌਕਾ
ਪਾਰਦਰਸ਼ੀ ਚੌਕਾ
ਪਾਰਦਰਸ਼ੀ ਚੌਕਾ 2
ਕੋਨੇ ਵਾਲਾ ਚੌਕਾ
ਚੱਕਰ
ਦੌਰਾਹੀ ਆਕਾਰ
ਉੱਪਰ ਮਿਲਣ ਵਾਲੀਆਂ ਤਿੰਨ ਦੌਰਾਹੀ
ਦੋ ਦੌਰਾਹੀ
ਇੱਕ ਰੇਖਾ
ਤਿੰਨ ਕੋਨੇ ਵਾਲਾ ਚਤੁਰਭੁਜ
ਚਾਰਦੀਵਾਰੀ
ਲੰਬਾ ਰੇਖਾ
ਪਥ
ਸਰਪ

SVG فیلتر

feGaussianBlur ਫਿਲਟਰ
یک feGaussianBlur فیلتر دیگر
فیلتر feBlend
فیلتر feColorMatrix
فیلتر feComponentTransfer
فیلتر feOffset
feOffset،feFlood،feComposite،feMerge و feMergeNode
فیلتر feMorphology
فیلتر 1
فیلتر 2
فیلتر 3
فیلتر 4
فیلتر 5
فیلتر 6

تدرج SVG

تدرج خطی (تدرج افقی)
تدرج خطی (تدرج عمودی)
پرتو تدرج
پرتو تدرج 2

SVG متفرقه

یک عنصر "a" به مستطیل اضافه می‌کنیم تا مستطیل بتواند به عنوان یک لینک اضافه شود.
وقتی کاربر روی دایره کلیک می‌کند، یک عنصر با استفاده از جاوااسکریپت ایجاد می‌کنیم.
مستطیل که به مدت 5 ثانیه به تدریج محو می‌شود
با تغییر ویژگی‌های x، y، width و height مستطیل و تغییر رنگ مستطیل، یک اثر انیمیشنی ایجاد می‌کنیم
سه مستطیل که رنگ تغییر می‌کند
متن که در یک مسیر حرکت می‌کند
متن که در یک مسیر حرکت می‌کند، می‌چرخد و بزرگ می‌شود
متن که در یک مسیر حرکت می‌کند، می‌چرخد و بزرگ می‌شود و یک مستطیل که به تدریج بزرگ می‌شود و رنگ تغییر می‌کند