Angular ਲਈ ਅਵਤਾਰ ਕੰਪੋਨੈਂਟ

nuiAvatar ਕੰਪੋਨੈਂਟ ਇੱਕ ਤਸਵੀਰ ਦਿਖਾਉਂਦਾ ਹੈ, ਜਾਂ ਤਸਵੀਰ ਨਾ ਹੋਣ ਜਾਂ ਲੋਡ ਨਾ ਹੋਣ ’ਤੇ ਵਿਅਕਤੀ ਦੇ ਨਾਮ ਦੇ ਪਹਿਲੇ ਅੱਖਰ। ਇਹ ਅੱਖਰ ਨਾਮ ਤੋਂ ਗਿਣੇ ਗਏ ਰੰਗ ’ਤੇ ਦਿਸਦੇ ਹਨ, ਇਸ ਲਈ ਇੱਕੋ ਵਿਅਕਤੀ ਦਾ ਰੰਗ ਹਰ ਥਾਂ ਇੱਕੋ ਜਿਹਾ ਰਹਿੰਦਾ ਹੈ।

ਹਰ ਹਿਊ ਦੀ ਲਾਈਟਨੈੱਸ ਅਤੇ ਕ੍ਰੋਮਾ ਇੱਕ ਹੱਦ ਵਿੱਚ ਰੱਖੀ ਜਾਂਦੀ ਹੈ, ਤਾਂ ਜੋ ਚਿੱਟੇ ਅੱਖਰਾਂ ਦਾ ਕੰਟ੍ਰਾਸਟ 4.5:1 ਤੋਂ ਉੱਪਰ ਰਹੇ, ਨਾਮ ਅਤੇ ਥੀਮ ਭਾਵੇਂ ਕੋਈ ਵੀ ਹੋਣ।

ਨਾਮ ਦੇ ਅੱਖਰ, ਤਸਵੀਰਾਂ ਅਤੇ ਸਟੇਟਸ

src ਨਾ ਹੋਣ ’ਤੇ ਅੱਖਰ ਅਤੇ ਰੰਗ name ਤੋਂ ਬਣਦੇ ਹਨ। status ਆਨਲਾਈਨ ਸਥਿਤੀ ਦੱਸਣ ਵਾਲਾ ਇੱਕ ਡੌਟ ਜੋੜਦਾ ਹੈ।

ਸਮੂਹ, ਸਾਈਜ਼ ਅਤੇ ਸ਼ਕਲਾਂ

nuiAvatarGroup ਅਵਤਾਰਾਂ ਦੀ ਇੱਕ ਕਤਾਰ ਨੂੰ ਇੱਕ-ਦੂਜੇ ਉੱਤੇ ਥੋੜ੍ਹਾ ਚੜ੍ਹਾ ਕੇ ਦਿਖਾਉਂਦਾ ਹੈ। size ਵਿੱਚ sm, md ਜਾਂ lg ਦਿਓ; shape="square" ਟੀਮਾਂ ਅਤੇ ਐਪਾਂ ਲਈ ਢੁਕਵਾਂ ਹੈ।