SVG ਦਰਸ਼ਕ

Q: "ਕੀ ਮੇਰਾ SVG ਕਿਤੇ ਵੀ ਅੱਪਲੋਡ ਹੁੰਦਾ ਹੈ?"

"No. Pasted SVG and loaded files stay in your ਬ੍ਰਾਊਜ਼ਰ and are not sent to a server."

Q: "script ਜਾਂ foreignObject ਵਾਲੇ SVGs ਨਾਲ ਕੀ ਹੁੰਦਾ ਹੈ?"

"The ਸੁਰੱਖਿਅਤ ਪੂਰਵਦਰਸ਼ਨ removes those elements before rendering and shows a ਚੇਤਾਵਨੀ in the info panel."

Q: "ਕੀ external images ਜਾਂ fonts ਵਾਲੇ SVGs ਬਿਲਕੁਲ ਉਹੀ ਤਰ੍ਹਾਂ render ਹੋਣਗੇ?"

"Not always. External references are disabled, so the appearance may differ from the original environment. This ਟੂਲ prioritizes ਸੁਰੱਖਿਅਤ ਸਥਾਨਕ inspection."

Q: "ਮੇਰਾ SVG render ਕਿਉਂ ਨਹੀਂ ਹੁੰਦਾ?"

"Common causes are invalid XML, bad attribute values, or a root element that is not `SVG`. Check the error message shown by the ਟੂਲ."

Q: "Why would I switch the ਪਿਛੋਕੜ?"

"ਪਾਰਦਰਸ਼ੀ areas and light-colored icons can look very different depending on the ਪਿਛੋਕੜ, so the ਟੂਲ lets you test ਚੈਕਰ, ਚਿੱਟਾ, and ਗੂੜ੍ਹਾ backgrounds quickly."

Paste ਕੱਚਾ SVG ਮਾਰਕਅਪ and ਪੂਰਵਦਰਸ਼ਨ the rendered ਨਤੀਜਾ immediately.

The ਪੂਰਵਦਰਸ਼ਨ disables scripts and external references, while still letting you inspect viewBox and size details.

SVG ਪੂਰਵਦਰਸ਼ਨ: paste ਕੱਚਾ code and check the ਨਤੀਜਾ instantly

viewBox ਅਤੇ ਆਕਾਰ ਜਾਂਚ: transparency ਅਤੇ ਸੰਭਾਵੀ ਤੌਰ ਤੇ unsafe content ਦੀ ਸਮੀਖਿਆ ਕਰੋ

Your SVG is never sent to a server. Processing stays entirely in the ਬ੍ਰਾਊਜ਼ਰ.

Dangerous elements and external URL references are disabled in the ਪੂਰਵਦਰਸ਼ਨ.

ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ

Paste SVG code or ਲੋਡ ਕਰੋ an `.SVG` file.
Switch the ਪਿਛੋਕੜ and ਜ਼ੂਮ level to inspect the rendering.
Review viewBox, size details, and ਚੇਤਾਵਨੀਆਂ, then ਸੰਭਾਲੋ the SVG if needed.

ਨਮੂਨਾ

ਸਧਾਰਣ icon SVG

ਇਨਪੁਟ

<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>

ਆਉਟਪੁੱਟ

ਇੱਕ ਨੀਲਾ ਗੋਲ icon render ਹੁੰਦਾ ਹੈ, ਅਤੇ info panel ਵਿੱਚ viewBox `0 0 120 120` ਵਜੋਂ ਦਿਖਾਇਆ ਜਾਂਦਾ ਹੈ।

ਅਕਸਰ ਪੁੱਛੇ ਸਵਾਲ

ਕੀ ਮੇਰਾ SVG ਕਿਤੇ ਵੀ ਅੱਪਲੋਡ ਹੁੰਦਾ ਹੈ?

No. Pasted SVG and loaded files stay in your ਬ੍ਰਾਊਜ਼ਰ and are not sent to a server.

script ਜਾਂ foreignObject ਵਾਲੇ SVGs ਨਾਲ ਕੀ ਹੁੰਦਾ ਹੈ?

The ਸੁਰੱਖਿਅਤ ਪੂਰਵਦਰਸ਼ਨ removes those elements before rendering and shows a ਚੇਤਾਵਨੀ in the info panel.

ਕੀ external images ਜਾਂ fonts ਵਾਲੇ SVGs ਬਿਲਕੁਲ ਉਹੀ ਤਰ੍ਹਾਂ render ਹੋਣਗੇ?

Not always. External references are disabled, so the appearance may differ from the original environment. This ਟੂਲ prioritizes ਸੁਰੱਖਿਅਤ ਸਥਾਨਕ inspection.

ਮੇਰਾ SVG render ਕਿਉਂ ਨਹੀਂ ਹੁੰਦਾ?

Common causes are invalid XML, bad attribute values, or a root element that is not `SVG`. Check the error message shown by the ਟੂਲ.

Why would I switch the ਪਿਛੋਕੜ?

ਪਾਰਦਰਸ਼ੀ areas and light-colored icons can look very different depending on the ਪਿਛੋਕੜ, so the ਟੂਲ lets you test ਚੈਕਰ, ਚਿੱਟਾ, and ਗੂੜ੍ਹਾ backgrounds quickly.

ਨੋਟਸ

ਸੁਰੱਖਿਆ ਲਈ, rendering ਤੋਂ ਪਹਿਲਾਂ external URL references ਅਤੇ ਖਤਰਨਾਕ elements ਅਸਮਰੱਥ ਕੀਤੇ ਜਾਂਦੇ ਹਨ।
External fonts ਜਾਂ images ਤੇ ਨਿਰਭਰ SVGs ਆਪਣੇ ਅਸਲ environment ਵਾਂਗ ਨਹੀਂ ਦਿਖ ਸਕਦੇ।
Very ਵੱਡਾ SVG files automatically switch out of live ਪੂਰਵਦਰਸ਼ਨ mode and ask you to render manually.

SVG ਦਰਸ਼ਕ

ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ

ਨਮੂਨਾ

ਅਕਸਰ ਪੁੱਛੇ ਸਵਾਲ

ਨੋਟਸ

ਸੰਬੰਧਿਤ ਟੂਲ