CSS image-rendering کی اپریٹ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

image-rendering ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਚਿੱਤਰ ਵਿਸਥਾਰ ਲਈ ਵਰਤਣ ਵਾਲੇ ਮੈਥਡ ਦੀ ਕਿਸਮ ਨੂੰ ਸੰਕੇਤ ਕਰਦੀ ਹੈ

ਧਿਆਨ:ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਲ ਨਾਲ ਚਿੱਤਰ ਨੂੰ ਛੂਟਣ ਦੀ ਸਮਰੱਥਾ ਨਹੀਂ ਹੈ

ਇੰਸਟੈਂਸ

ਚਿੱਤਰ ਵਿਸਥਾਰ ਲਈ ਵੱਖ-ਵੱਖ ਮੈਥਡਾਂ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ ਦਿੰਦੇ ਹਨ:

.image {
  height: 100px;
  width: 100px;
  image-rendering: auto;
}
.crisp-edges {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.pixelated {
  image-rendering: pixelated;
}
.smooth {
  image-rendering: smooth;
}
.high-quality {
  image-rendering: high-quality;
}

ਆਪਣੇ ਆਪ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰੋ

CSS ਗਰੇਫਿਕਸ

image-rendering: auto|smooth|high-quality|crisp-edges|pixelated|initial|inherit;

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਤਕਨੀਕੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

ਬਰਾਉਜ਼ਰ ਸਮਰੱਥਾ

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਦੀਆਂ ਸਮਰੱਥਾਵਾਂ ਦਾ ਪਹਿਲਾ ਪੂਰਣ ਤੌਰ 'ਤੇ ਸਮਰੱਥ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਸਾਰੇ ਪੈਦਾ ਹੁੰਦੇ ਹਨ

ਚਾਰੋਂ ਬਰਾਉਜ਼ਰ ਚਾਰੋਂ ਮੁੱਢਲੇ ਵਰਜਨਾਂ ਦੀ ਸਮਰੱਥਾ ਦਰਸਾਉਂਦੇ ਹਨ ਅਤੇ ਇਹ ਪ੍ਰਤੀਯੋਗੀ ਹਨ: Chrome, Edge ਅਤੇ Opera ਦੋਵੇਂ ਵਰਜਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ -webkit-optimize-contrast ਦੇ ਰੂਪ ਵਿੱਚ crisp-edges ਦੇ ਨਾਮ ਦੇ ਬਦਲੇ।