杞彂鏈嬪弸Vajoy涔嬪墠鍦ㄥ叕浼楀彿鐨勪竴绡囨枃绔犫€斺€斾娇鐢–SS椋庢牸鍖栧浘鐗囬┈璧涘厠銆傛牳蹇冩槸鍒╃敤浜咰SS涓竴涓緢鏈夋剰鎬濈殑灞炴€р€斺€攊mage-rendering锛屽彲浠ョ敤鏉ヨ缃浘鐗囩殑缂╂斁绠楁硶銆備粈涔堟槸鍥惧儚娓叉煋锛烠SS灞炴€mage-rendering鐢ㄤ簬璁剧疆鍥惧儚缂╂斁绠楁硶銆傚畠閫傜敤浜庡厓绱犳湰韬€佸厓绱犲叾浠栧睘鎬т腑鐨勫浘鍍忎互鍙婂瓙鍏冪礌銆傝娉曠浉瀵圭畝鍗曪細{image-rendering:auto;//榛樿鍊硷紝浣跨敤鍙岀嚎鎬э紙bilinear锛夌畻娉曡繘琛岄噸閲囨牱锛堥珮璐ㄩ噺锛塱mage-rendering:smooth;//浣跨敤鏈€澶у寲鍥惧儚瀹㈣瑙傛劅鐨勭畻娉曟潵缂╂斁鍥惧儚銆備娇鐓х墖鏇粹€滃钩婊戔€濆浘鍍忔覆鏌擄細娓呮櫚鐨勮竟缂橈紱//浣跨敤鍙互鏈夋晥淇濈暀鍥惧儚瀵规瘮搴﹀拰杈圭紭鐨勭畻娉曟潵缂╂斁鍥惧儚image-rendering:pixelated;//鏀惧ぇ鍥惧儚鏃讹紝浣跨敤鏈€杩戦偦绠楁硶锛屽洜姝わ紝鍥惧儚鐪嬭捣鏉ユ槸鐢卞ぇ鍧楀儚绱犵粍鎴愮殑}.姣斿鍋囪鎴戜滑鏈変竴寮?00pxx300px鐨勫浘鐗囷紝鎴戜滑璁╀粬杞崲鎴?0pxx30px锛氱劧鍚庢垜浠妸鎵洸鍚庣殑鍥剧墖鏀惧ぇ鍒?00pxx300px锛氬湪姝ゅ熀纭€涓婏紝鎴戜滑缁欒繖寮犲浘鐗囪缃甶mage-rendering锛歱ixelated锛屽氨鍙互浜嗚幏鍙栭┈璧涘厠鍥惧儚锛?imgsrc="pic.jpeg?30x30"/>img{width:300px;楂樺害锛?00px锛沬mage-rendering:pixelated}image-rendering:pixelated瀹炵幇椹禌鍏嬫晥鏋滈檺鍒舵槸鍙互鐨勶紝閭ｄ负浠€涔堣鍏堢缉灏忓啀鏀惧ぇ鍐嶄娇鐢╥mage-rendering:pixelated锛熸垜浠潵鍋氫釜瀵规瘮锛岀洿鎺ョ粰鍘熷浘璁剧疆image-rendering:pixelated锛氱洿鎺ョ粰鍘熷浘璁剧疆image-rendering:pixelated鍙細璁╁浘鍍忔洿鍔犻敮榻匡紝骞朵笉浼氱洿鎺ヤ骇鐢熼┈璧涘厠鏁堟灉銆傝繖涔熺鍚坕mage-rendering:pixelated鐨勬弿杩般€傛斁澶у浘鍍忔椂锛屼娇鐢ㄦ渶杩戦偦绠楁硶锛屽洜姝ゅ浘鍍忕湅璧锋潵鏄敱澶у潡鍍忕礌缁勬垚鐨勩€傛垜浠彧鑳戒娇鐢╥mage-rendering:pixelated锛屾牴鎹斁澶фā绯婄殑鍥惧儚寰楀埌椹禌鍏嬪浘鍍忥紒鐢–SS鎶婂浘鐗囩缉灏忓啀鏀惧ぇ锛熼偅涔堬紝鍋囪鎴戜滑鍙湁涓€寮犳竻鏅扮殑鍘熷浘锛屾兂鐢–SS鍋氫竴涓┈璧涘厠鏁堟灉锛屽彲琛屽悧锛熼『鐫€杩欎釜鎬濊矾锛屾垜浠彲浠ユ兂鍒帮細鑳戒笉鑳界敤css鎶婂浘鐗囧厛缂╁皬鍐嶆斁澶э紝鍐嶇敤image-rendering:pixelated锛熶笉銆傜綉缁滀笂鐨勫浘鐗囧氨鍍廝hotoshop涓殑鏅鸿兘瀵硅薄鈥斺€斾綘鍙互浠绘剰淇敼瀹冪殑澶у皬锛堜緥濡傛斁澶у娆′娇鍏跺彉寰楁ā绯婏級锛屼絾鏄綋浣犳渶鍚庡皢鍥剧墖鍙樺洖鍘熸潵鐨勫ぇ灏忔椂锛屽浘鐗囦細鍙戠敓鍙樺寲鎭㈠鍒板師鏉ョ殑澶у皬锛堟病鏈変换浣曞け鐪燂級銆傚洜姝わ紝濡傛灉鍦ㄥ彧鏈変竴寮犲師鍥剧殑鎯呭喌涓嬫兂瑕佸緱鍒颁竴寮犳ā绯婄殑鍥剧墖锛屽氨鍙兘姹傚姪浜嶤anvas浜嗭紝鏈夌偣楹荤儲銆傛垜浠彧鎯宠椹禌鍏嬫晥鏋溿€係VG婊ら暅鍙犲姞瀹炵幇椹禌鍏嬫晥鏋滆繖灏卞彲浠ュ紩鍑轰粖澶╃殑涓昏锛孲VG婊ら暅锛屽埄鐢ㄥ嚑灞係VG婊ら暅鍙犲姞锛屽叾瀹炲緢瀹规槗瀹炵幇椹禌鍏嬫晥鏋滄护闀溿€傛澶栵紝SVG杩囨护鍣ㄥ彲浠ュ緢瀹规槗鍦伴€氳繃CSS杩囨护鍣ㄥ紩鍏ャ€備唬鐮佸叾瀹炲緢绠€鍗曘€係VG瀹氫箟浜嗕竴涓护闀滐紝鍒╃敤澶氬眰婊ら暅鐨勫彔鍔犳晥鏋滄潵瀹炵幇椹禌鍏嬫晥鏋溿€傜劧鍚庯紝閫氳繃CSS杩囨护鍣ㄧ殑寮曞叆锛屽畠鍙互搴旂敤浜庝换浣曞厓绱狅細x="0"y="0">
