'SVG' ਵਿਊ ਬੌਕਸ (HTML) ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਇੱਕ ਵੈੱਬ ਡਿਜ਼ਾਈਨ ਗਾਈਡ
Viewbox ਇੱਕ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ ਜੋ ਆਮ ਤੌਰ ਤੇ SVG ਆਕਾਰ ਬਣਾਉਣ ਵੇਲੇ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ. ਜੇ ਤੁਸੀਂ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਕੈਨਵਸ ਦੇ ਤੌਰ ਤੇ ਸਮਝਦੇ ਹੋ, ਤਾਂ ਦ੍ਰਿਸ਼ ਬਾਕਸ ਕੈਨਵਸ ਦਾ ਹਿੱਸਾ ਹੈ ਜਿਸ ਨੂੰ ਦਰਸ਼ਕ ਦੇਖਣਾ ਚਾਹੁੰਦੇ ਹਨ. ਹਾਲਾਂਕਿ ਪੰਨਾ ਪੂਰੀ ਕੰਪ੍ਰਪਲ ਸਕ੍ਰੀਨ ਨੂੰ ਸ਼ਾਮਲ ਕਰ ਸਕਦਾ ਹੈ, ਇਹ ਅੰਕੜੇ ਸਿਰਫ ਪੂਰੇ ਦੇ ਇੱਕ ਤੀਜੇ ਹਿੱਸੇ ਵਿੱਚ ਮੌਜੂਦ ਹੋ ਸਕਦੇ ਹਨ.
ਵਿਊ ਬਾਕਸ ਤੁਹਾਨੂੰ ਪਾਰਸਰ ਨੂੰ ਉਸ ਤੀਜੇ ਤੇ ਜ਼ੂਮ ਇਨ ਕਰਨ ਲਈ ਦੱਸਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ. ਇਹ ਵਾਧੂ ਸਫੈਦ ਥਾਂ ਨੂੰ ਖਤਮ ਕਰਦਾ ਹੈ ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਫੈਲਾਉਣ ਲਈ ਇੱਕ ਵਰਚੁਅਲ ਪਹੁੰਚ ਦੇ ਤੌਰ ਤੇ ਦ੍ਰਿਸ਼ ਬਾਕਸ ਨੂੰ ਸੋਚੋ.
ਇਸ ਤੋਂ ਬਿਨਾਂ, ਤੁਹਾਡਾ ਗ੍ਰਾਫਿਕ ਇਸਦੇ ਅਸਲੀ ਆਕਾਰ ਦਾ ਤੀਜਾ ਹਿੱਸਾ ਦਿਖਾਈ ਦੇਵੇਗਾ.
ਵਿਊ ਬਾਕਸ ਵੈਲਯੂਜ਼
ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਕਟੌਤੀ ਕਰਨ ਲਈ, ਤੁਹਾਨੂੰ ਕਟੌਤੀ ਕਰਨ ਲਈ ਤਸਵੀਰ 'ਤੇ ਪੁਆਇੰਟਸ ਬਣਾਉਣਾ ਚਾਹੀਦਾ ਹੈ. ਵਿਊ ਬਾਕਸ ਐਟਰੀਬਿਊਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਵੀ ਇਹ ਸਹੀ ਹੈ. ਵਿਊ ਬਕਸੇ ਲਈ ਮੁੱਲ ਸੈਟਿੰਗਜ਼ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ:
- minx- ਸ਼ੁਰੂਆਤੀ x ਕੋਆਰਡੀਨੇਟ
- miny- ਸ਼ੁਰੂਆਤੀ y ਧੁਰਾ
- ਵਿਊਬੌਕਸ ਦੀ ਚੌੜਾਈ ਚੌੜਾਈ
- ਵਿਊ ਬੌਕਸ ਦੀ ਉਚਾਈ -
ਝਲਕ ਬੌਕਸ ਮੁੱਲਾਂ ਲਈ ਸਿੰਟੈਕਸ ਇਹ ਹੈ:
viewBox = "0 200 200 150"
SVG ਦਸਤਾਵੇਜ਼ ਲਈ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਦੇ ਨਾਲ ਵਿਊ ਬੌਕਸ ਦੀ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਨੂੰ ਉਲਝਾਓ ਨਾ ਕਰੋ. ਜਦੋਂ ਤੁਸੀਂ ਇੱਕ SVG ਫਾਈਲ ਬਣਾਉਂਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਡੇ ਦੁਆਰਾ ਸਥਾਪਿਤ ਕੀਤੀਆਂ ਪਹਿਲੇ ਅਸਾਮੀਆਂ ਵਿੱਚੋਂ ਇੱਕ ਦਸਤਾਵੇਜ਼ ਦੀ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਹੈ. ਦਸਤਾਵੇਜ਼ ਇੱਕ ਕੈਨਵਸ ਹੈ. ਵਿਊ ਬਕਸੇ ਵਿੱਚ ਪੂਰੇ ਕੈਨਵਸ ਜਾਂ ਸਿਰਫ ਇਸ ਦਾ ਇਕ ਹਿੱਸਾ ਸ਼ਾਮਲ ਹੋ ਸਕਦਾ ਹੈ.
ਇਸ ਝਲਕ ਬੌਕਸ ਵਿਚ ਪੂਰੇ ਸਫ਼ੇ ਨੂੰ ਕਵਰ ਕੀਤਾ ਗਿਆ ਹੈ.
ਇਸ ਝਲਕ ਬਾਕਸ ਵਿਚ ਉੱਪਰਲੇ ਸੱਜੇ-ਹੱਥ ਦੇ ਕੋਨੇ ਤੋਂ ਅਰਧ ਪੇਜ਼ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ.
ਤੁਹਾਡੇ ਆਕਾਰ ਵਿੱਚ ਉਚਾਈ ਅਤੇ ਚੌੜਾਈ ਅਸਾਈਨਮੈਂਟ ਵੀ ਹਨ.
ਇਹ ਇੱਕ ਦਸਤਾਵੇਜ਼ ਹੈ ਜੋ 800 x 400 px ਨੂੰ ਇੱਕ ਵਿਊਬੌਕਸ ਨਾਲ ਕਵਰ ਕਰਦਾ ਹੈ ਜੋ ਉੱਪਰੀ ਸੱਜੇ-ਪਾਸੇ ਕੋਨੇ 'ਤੇ ਅਰੰਭ ਹੁੰਦਾ ਹੈ ਅਤੇ ਅੱਧੇ ਪੰਨੇ' ਤੇ ਫੈਲਦਾ ਹੈ. ਆਕਾਰ ਇੱਕ ਆਇਤਕਾਰ ਹੈ ਜੋ ਵਿਊ ਬੌਕਸ ਦੇ ਉੱਪਰਲੇ ਸੱਜੇ-ਪਾਸੇ ਕੋਨੇ 'ਤੇ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ ਅਤੇ 100 ਪੈਕਸ ਨੂੰ ਖੱਬੇ ਅਤੇ 50 ਪੈਕਸ ਡਾਊਨ ਕਰਦਾ ਹੈ.
ਇੱਕ ਵਿਊ ਬਾਕਸ ਸੈਟ ਕਿਉਂ ਕਰੀਏ?
SVG ਇੱਕ ਸ਼ਕਲ ਨੂੰ ਖਿੱਚਣ ਤੋਂ ਵੀ ਬਹੁਤ ਕੁਝ ਕਰਦਾ ਹੈ. ਇਹ ਇੱਕ ਸ਼ੈਡੋ ਪਰਭਾਵ ਲਈ ਦੂਜੇ ਦੇ ਉੱਤੇ ਇੱਕ ਚਿੱਤਰ ਬਣਾ ਸਕਦਾ ਹੈ. ਇਹ ਇੱਕ ਆਕਾਰ ਬਦਲ ਸਕਦਾ ਹੈ ਤਾਂ ਜੋ ਇਹ ਇੱਕ ਦਿਸ਼ਾ ਵਿੱਚ ਝੁਕ ਜਾਵੇ. ਉੱਨਤ ਫਿਲਟਰਾਂ ਲਈ, ਤੁਹਾਨੂੰ ਵਿਊ ਬੌਕਸ ਐਟਰੀਬਿਊਟ ਨੂੰ ਸਮਝਣ ਅਤੇ ਵਰਤਣ ਦੀ ਜ਼ਰੂਰਤ ਹੋਏਗੀ.