SVG ਪ੍ਰੀਵਿਊ ਟੂਲ

SVG ਕੋਡ ਰੈਂਡਰਿੰਗ ਦੇ ਨਤੀਜੇ ਤੇਜ਼ੀ ਨਾਲ ਪ੍ਰੀਵਿਊ ਕਿਵੇਂ ਕਰੀਏ?

ਤੁਹਾਡੇ ਵਰਕਫਲੋ ਵਿੱਚ, ਡਿਜ਼ਾਈਨਰ ਸਿੱਧੇ SVG ਕੋਡ ਪ੍ਰਦਾਨ ਕਰ ਸਕਦੇ ਹਨ ਜਾਂ ਵੈਕਟਰ ਟੂਲਸ ਤੋਂ ਕੋਡ ਸਨਿੱਪਟ ਐਕਸਪੋਰਟ ਕਰ ਸਕਦੇ ਹਨ। ਇਸ ਟੂਲ ਦੀ ਮਦਦ ਨਾਲ, ਰੀਅਲ-ਟਾਈਮ ਰੈਂਡਰਿੰਗ ਦੇਖਣ ਲਈ ਬਸ ਆਪਣੇ ਕੋਡ ਨੂੰ ਕਾਪੀ ਕਰੋ ਅਤੇ ਉੱਪਰ ਦਿੱਤੇ ਐਡੀਟਰ ਵਿੱਚ ਪੇਸਟ ਕਰੋ। ਜੇਕਰ ਤੁਹਾਨੂੰ ਨਤੀਜਾ ਚੈੱਕ ਕਰਨ ਲਈ SVG ਫਾਈਲ ਖੋਲ੍ਹਣ ਦਾ ਤਰੀਕਾ ਨਹੀਂ ਪਤਾ, ਤਾਂ ਇਸਨੂੰ ਦੇਖਣ ਲਈ ਬਸ SVG ਫਾਈਲ ਨੂੰ ਇਸ ਟੂਲ ਵਿੱਚ ਇੰਪੋਰਟ ਕਰੋ। ਡਿਜ਼ਾਈਨ ਦੀ ਇਕਸਾਰਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਤੁਸੀਂ ਵੱਖ-ਵੱਖ ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗਾਂ (ਲਾਈਟ/ਡਾਰਕ ਮੋਡ) ਤੇ ਤੁਹਾਡਾ SVG ਕਿਹੋ ਜਿਹਾ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ ਇਹ ਵੀ ਤੁਰੰਤ ਦੇਖ ਸਕਦੇ ਹੋ।

SVG ਕੋਡ ਅਤੇ ਫਾਈਲਾਂ ਨੂੰ ਤੇਜ਼ੀ ਨਾਲ ਦੇਖਣ ਅਤੇ ਪ੍ਰੀਵਿਊ ਕਰਨ ਦੇ ਪੜਾਅ

1. ਕੋਡ ਪੇਸਟ ਕਰੋ: ਟੈਕਸਟ ਏਰੀਆ ਵਿੱਚ ਬਸ <svg>...</svg> ਸਮੱਗਰੀ ਪੇਸਟ ਕਰੋ।
2. ਡਰੈਗ ਅਤੇ ਡ੍ਰੌਪ: ਆਪਣੇ ਕੰਪਿਊਟਰ ਤੋਂ ਕੋਈ ਵੀ .svg ਫਾਈਲ ਡਰੈਗ ਕਰੋ ਅਤੇ ਤੁਰੰਤ ਵਿਸ਼ਲੇਸ਼ਣ ਲਈ ਐਡੀਟਰ ਵਿੱਚ ਡ੍ਰੌਪ ਕਰੋ।
3. ਵੇਰਵੇ ਚੈੱਕ ਕਰੋ: ਵਿਸਤ੍ਰਿਤ ਜਾਂਚ ਲਈ ਸਕੇਲ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰਨ ਲਈ ਜ਼ੂਮ ਬਟਨਾਂ (±1, ±5) ਦੀ ਵਰਤੋਂ ਕਰੋ।
4. ਤੇਜ਼ ਏਕੀਕਰਣ: img src, viewBox ਅਤੇ ਹੋਰ ਲਈ ਕੋਡ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ "ਲਾਗੂ ਕਰਨ ਦੀਆਂ ਉਦਾਹਰਣਾਂ" ਦੇ ਵਿਚਕਾਰ ਸਵਿਚ ਕਰੋ।

ਇਸ ਔਨਲਾਈਨ SVG ਪ੍ਰੀਵਿਊ ਟੂਲ ਦੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

• ਪੂਰੀ ਤਰ੍ਹਾਂ ਮੁਫਤ: ਔਨਲਾਈਨ ਟੂਲ, ਕੋਈ ਰਜਿਸਟ੍ਰੇਸ਼ਨ ਜਾਂ ਡਾਊਨਲੋਡ ਦੀ ਲੋੜ ਨਹੀਂ।
• ਰੀਅਲ-ਟਾਈਮ ਸਿੰਕ: ਜਦੋਂ ਤੁਸੀਂ ਕੋਡ ਨੂੰ ਸੰਪਾਦਿਤ ਕਰਦੇ ਹੋ ਤਾਂ ਤੁਰੰਤ ਅਪਡੇਟਸ।
• ਸਮਾਰਟ ਪਰਿਵਰਤਨ: ਆਟੋਮੈਟਿਕਲੀ Base64 ਐਨਕੋਡ ਕੀਤੇ img ਟੈਗਸ ਅਤੇ ਅਨੁਕੂਲਿਤ viewBox ਕੋਡ ਤਿਆਰ ਕਰਦਾ ਹੈ।
• ਜ਼ੂਮ ਸਮਰੱਥਾ: ਜ਼ੂਮ ਕਰਨ ਤੋਂ ਬਾਅਦ ਰੀਅਲ-ਟਾਈਮ ਪ੍ਰੀਵਿਊ, ਅਤੇ ਤੁਸੀਂ ਸਕੇਲ ਕੀਤੇ SVG ਕੋਡ ਨੂੰ ਕਾਪੀ ਕਰ ਸਕਦੇ ਹੋ।
• ਕਈ ਇੰਟੀਗ੍ਰੇਸ਼ਨ ਕਿਸਮਾਂ: Base64, ਇਨਲਾਈਨ, CSS ਬੈਕਗ੍ਰਾਊਂਡ ਅਤੇ ਹੋਰ ਲਈ SVG ਕੋਡ ਤੇਜ਼ੀ ਨਾਲ ਕਾਪੀ ਕਰੋ। ਜੇਕਰ ਤੁਸੀਂ ਵੈੱਬ ਵਿਕਾਸ ਵਿੱਚ SVG ਦੀ ਵਰਤੋਂ ਕਰਨ ਬਾਰੇ ਅਸਮੰਜਸ ਵਿੱਚ ਹੋ, ਤਾਂ ਕੋਡ ਕਾਪੀ ਕਰਨ ਲਈ ਬਸ ਇਸ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰੋ!
• ਉਪਭੋਗਤਾ ਦੇ ਅਨੁਕੂਲ: ਵਧੀਆ ਵਿਜ਼ੂਅਲ ਡੀਬੱਗਿੰਗ ਅਨੁਭਵ ਲਈ ਜ਼ੂਮ, ਫੁੱਲ ਸਕ੍ਰੀਨ ਅਤੇ ਬੈਕਗ੍ਰਾਊਂਡ ਸਵਿਚਿੰਗ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ।

SVG ਪ੍ਰੀਵਿਊ ਟੂਲ ਦੇ ਵਿਸਤ੍ਰਿਤ ਫੀਚਰ