前段時間美術(shù)在驗收界面時提了問題：為啥要求1像素寬的一個矩形框似乎卻變成了2，3個像素寬。仔細檢查過代碼后發(fā)現(xiàn)，的確設(shè)置了LineWidth為1，但繪制效果卻并不如人愿。似乎在ios上繪制最低要2個像素的線寬。

10年積累的成都網(wǎng)站設(shè)計、成都網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有昭通免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。創(chuàng)新互聯(lián)建站專注于洛浦網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供洛浦營銷型網(wǎng)站建設(shè)，洛浦網(wǎng)站制作、洛浦網(wǎng)頁設(shè)計、洛浦網(wǎng)站官網(wǎng)定制、小程序開發(fā)服務(wù)，打造洛浦網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供洛浦網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。創(chuàng)新互聯(lián)專注于金鳳網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供金鳳營銷型網(wǎng)站建設(shè)，金鳳網(wǎng)站制作、金鳳網(wǎng)頁設(shè)計、金鳳網(wǎng)站官網(wǎng)定制、微信小程序定制開發(fā)服務(wù)，打造金鳳網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供金鳳網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

查看文檔后發(fā)現(xiàn)造成這個問題的原因是Quartz的抗鋸齒機制。一種粗暴的解決方案是不采用抗鋸齒，即：CGContextSetShouldAntialias(context, NO)。但是顯而易見的問題是取消抗鋸齒會導(dǎo)致繪制效果變差。而另外一種方案則比較取巧：將繪制調(diào)整到半像素坐標系上：

比如 CGContextMoveToPoint(context, 100.0, 100.0); CGContextAddLineToPoint(context, 100.0, 200.0);改為 CGContextMoveToPoint(context, 100.5, 100.5); CGContextAddLineToPoint(context,100.5, 200.5);

這是因為：所謂的線寬指的是給定路徑的中心到兩邊的粗細，換句話是在路徑的兩邊各繪制一半。如圖

在繪制線寬為1的直線(3,1)到(3,5)時，實際上是占據(jù)了左右兩個像素各半個像素，而真正繪制時當然是以一個像素為標準單位，所以淺藍色區(qū)域就會以相近的方式進行渲染。這也是寬為1.0的線繪制并不準確的原因。而當將繪制中心調(diào)整到半個像素上就不會有這個問題，見右圖:(3.5,1)到(3.5,5)。詳細可以參考mozilla canvas繪制的文檔。

最后上一個在ios上繪制帶圓角矩形的代碼：

if (radius <= 0) { CGContextAddRect(context, rect); return; } CGContextSaveGState(context); CGContextTranslateCTM(context, CGRectGetMinX(rect), CGRectGetMinY(rect)); CGContextScaleCTM(context, radius, radius); NSInteger width = CGRectGetWidth(rect) / radius; NSInteger height = CGRectGetHeight(rect) / radius; NSInteger halfWidth = width / 2; NSInteger halfHeight= height / 2; CGContextMoveToPoint (context, width + 0.5, halfHeight + 0.5); CGContextAddArcToPoint(context, width + 0.5, height + 0.5, halfWidth + 0.5, height + 0.5, 1); CGContextAddArcToPoint(context, 0 + 0.5, height + 0.5, 0 + 0.5, halfHeight + 0.5, 1); CGContextAddArcToPoint(context, 0 + 0.5, 0 + 0.5, halfWidth + 0.5, 0 + 0.5, 1); CGContextAddArcToPoint(context, width + 0.5, 0 + 0.5, width + 0.5, halfHeight + 0.5, 1); CGContextClosePath(context); CGContextRestoreGState(context);

原文轉(zhuǎn)載：http://xiangwangfeng.com/2012/03/24/為啥cgcontextsetlinewidth設(shè)置不了1pixel線框？/

以下是自己測試得出的結(jié)論，如有異意請各位老師不吝賜教，謝謝！

由于retina屏幕是640像素，而非retina是320，所以，分兩種情況，在retina屏幕下和非retina屏幕下。

畫一條從點(10.0, 10.0)到點(10.0, 100.0)的直線和點(10.5, 10.5)到點(10.5, 100.5)的直線，產(chǎn)生的樣式，上面都解釋了。

我想說的是從點(10.3, 10.3)到點(10.3, 100.3)的黑色一個像素的直線，CGContextSetShouldAntialias(context, YES)。

一、在retina屏幕下

====這個圖片是我畫出的線放大后的效果，我計算了，它繪制的是20、21、22這三個像素值，也就是說10.3 * 2 = 20.6;那么它會將第21個像素值繪制黑色，兩邊的繪制暗色。

二、在非retina屏幕下

====這個圖片是我畫出的線放大后的效果，計算后，它繪制的是10、11這兩個像素值，那么它會將第11個像素值繪制黑色，10的繪制成暗色。

我還要說從點(10.7, 10.7)到點(10.7, 100.7)的黑色一個像素的直線，CGContextSetShouldAntialias(context, YES)。

一、在retina屏幕下

圖片樣式還是一樣的，但是位置變了，這次畫的是21、22、23這三個像素值，也就是說10.7 * 2 = 21.4;那么他是將第22個像素值繪制黑色，兩邊的繪制暗色。

二、在非retina屏幕下

====這個圖片是我畫出的線放大后的效果，計算后，它繪制的是11、12這兩個像素值，那么它會將第11個像素值繪制黑色，12的繪制成暗色。

在說一說CGContextSetShouldAntialias(context, NO)。10.3和10.7的結(jié)果如下

一、在retina屏幕下

繪制位置都一樣，但是樣式變了，變成沒有暗色全是黑色。

二、在非retina屏幕下

位置樣式都變了，顏色只是黑色，并且都只畫了第11個像素

總結(jié)-----

其實就一句話，“所謂的線寬指的是給定路徑的中心到兩邊的粗細，換句話是在路徑的兩邊各繪制一半”。這個原理明白了，啥都沒問題了。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

本文標題：IOSCGContextSetLineWidth無法設(shè)置1像素線寬？-創(chuàng)新互聯(lián)
分享路徑：http://www.rwnh.cn/article12/cehsgc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機、移動網(wǎng)站建設(shè)、電子商務(wù)、響應(yīng)式網(wǎng)站、網(wǎng)頁設(shè)計公司、營銷型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)