read : css image-rendering 이미지 렌더링 깍두기, 이미지 확대축소 렌터링 동작에 대해서 힌트 : 기술 #css #image #image-rendering #resize #렌더링 #이미지::공대여자홈

작성자 공대여자

작성 : 2018-07-02 13:56 조회 : 791
지남 1일간

2018-07-02 - 2018-07-02

좌표
image-rendering

🔗 https://developer.mozilla.org/ko/docs/Web/CSS/image-rendering

#css #image #image-rendering #resize #렌더링 #이미지

image-rendering: auto; // 기본값. 최대한 부드러운 이미지로 표현

image-rendering: crisp-edges; //색상대조와 이미지 표준에 맞게

image-rendering: -moz-crisp-edges;

image-rendering: -webkit-optimize-contrast; //webkit 전용 = crisp-edges;

image-rendering: optimize-contrast; //

image-rendering: optimizeQuality // SVG용, early draft, 현재 동작안함

image-rendering: optimizeSpeed // SVG용, early draft, 현재 동작안함

image-rendering: pixelated; //확대일때만 적용, nearest-neighbor를 사용하거나 유사한 알고리즘 사용. 픽셀을 기준으로 표시함(smooth 없음!)

-ms-interpolation-mode: nearest-neighbor;

/* Global values */

image-rendering: inherit;

image-rendering: initial;

image-rendering: unset;

--------=-------------------

default

300px+auto

300px+crisp-edges;

300px+pixelated;

IE : 지원안함 (-ms-interpolation-mode 를 대신 사용하시오)

그외 대부분 최신버전이면 지원됨.

No	제목	작성자	등록	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)	공대여자	02/06 13:44	1028
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	10927
공지	[공지] 기술 게시판	mins01	06/24 15:10	11124

일	월	화	수	목	금	토
3.31	4.1	4.2	4.3	4.4	4.5	4.6
4.7	4.8	4.9 game_tictactoe 2	4.10	4.11	4.12	4.13
4.14	4.15	4.16	4.17 :scope selector , querySelector 에서 this, self node 지정 1	4.18	4.19	4.20
4.21	4.22	4.23 ui_treemap new 2	4.24	4.25	4.26	4.27
4.28	4.29	4.30	5.1	5.2	5.3	5.4