亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > HTML5 > 正文

html5 Canvas畫圖教程(3)―canvas出現1像素線條模糊不清的原因

2024-09-05 07:20:04
字體：大 中 小
來源：轉載
供稿：網友
接上一篇canvas畫線條教程
上次我們講到，canvas有時候會出現1像素的線條模糊不清且好像更寬的情況，如下圖：
 
這樣的線條顯然不是我們想要的。
這篇文章的目的就是弄清楚里面的原理，以及解決它。
大家都知道屏幕上最小的顯示尺寸就是1像素，雖然小于1像素的東西可能顯示不出來，但計算機可不管，他會試著畫一下。
其實像素終究來說也是一個單位，假如我們把畫布放大到足夠大，足以看清楚每個像素，會是什么情況呢？大概是這個樣子：


每個像素都有起止范圍，如圖所示，他們的范圍從左起，跨過1像素，到右止。
如果我們畫1像素線條的時候，遵循像素的起止范圍，那么我們肯定能得到一個很標準的細線。如下：


但遺憾的是canvas的線條畫法不一樣，上一篇文章我們已經說了，canvas的每條線都有一條無限細的“中線”，線條的寬度是從中線向兩側延伸的。如果我們還是從第2個像素點畫一條線，那么線條的中線就會靠齊到第2個像素的起點，然后我們開始畫了，問題也就來了：Canvas 的線條以中線向兩側延伸，而不是向某一邊延伸(比如這里，如果只是往右側延伸，那么我們的問題就不再是問題了)，延伸過后我們的線條實際上是這樣的：


此時又有個問題：計算機不允許出現小于1px的圖形，所以他做了一個折中的事：把這兩個像素都繪制了。
所以，如此一來，本來1px的線條，就成了看起來2px寬的線條。
失敗的原因找到了：Canvas中的line把中線與像素的起點對齊了，而不是像素的中間點。
那么我們怎么解決這個蛋疼的問題？也許有人已經想到了：既然是因為兩個的起點不一樣，那我們就把他們的起點變得一樣吧！
我們讓線條的中線和像素的中間點對齊就行了！
像素的中間點很好找，比如第2像素的中間點，依據圖上的解釋就是1.5像素的位置，那么x像素的中間點就是(x-0.5)px。

 
當然，在不很嚴謹的場合，你使用x+0.5也是可以的。
現在我們在canvas上試試我們的研究結果。

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产亚洲成av人片在线观看桃| 成人美女免费网站视频| 92版电视剧仙鹤神针在线观看| 亚洲电影免费观看高清完整版| 成人av电影天堂| 亚洲综合中文字幕在线观看| 欧美亚洲在线观看| 亚洲免费一级电影| 日韩亚洲欧美中文在线| 国产成人一区二区三区小说| 成人午夜小视频| 97人人爽人人喊人人模波多| 精品欧美aⅴ在线网站| 欧美极品在线视频| 精品日韩视频在线观看| 久久久久国产精品一区| 国产精品爽黄69天堂a| 亚洲国产精品999| 欧美电影免费观看| 日韩美女视频在线观看| 欧美老少做受xxxx高潮| 97精品国产97久久久久久春色| 亚洲精品一区二区三区婷婷月| 精品日韩视频在线观看| 色播久久人人爽人人爽人人片视av| 国产一区二区丝袜高跟鞋图片| 精品国产精品三级精品av网址| 久久男人资源视频| 亚洲国产女人aaa毛片在线| 欧美老妇交乱视频| 久久久久久久久久国产精品| 欧美贵妇videos办公室| 国产午夜精品全部视频在线播放| 欧美与黑人午夜性猛交久久久| 日韩国产精品视频| 精品国产精品自拍| 国产91精品高潮白浆喷水| 日韩欧美在线字幕| 日韩av男人的天堂| 欧美日韩国产中文字幕| 欧美专区中文字幕| 亚洲天堂男人天堂女人天堂| 亚洲电影成人av99爱色| 日韩在线中文字幕| 亚洲乱码国产乱码精品精| 欧美日韩国产999| 亚洲iv一区二区三区| 久久五月天色综合| 午夜欧美不卡精品aaaaa| 国产精品青青在线观看爽香蕉| 欧美国产中文字幕| 国产视频一区在线| 91精品国产成人| 久久久久久国产三级电影| 亚洲综合日韩中文字幕v在线| 欧美高清一级大片| 亚洲精品www久久久久久广东| 欧美在线视频网站| 亚洲精品丝袜日韩| 亚洲精品国产精品自产a区红杏吧| 97国产精品免费视频| 日韩在线欧美在线国产在线| 精品视频偷偷看在线观看| 欧美成人第一页| 久热精品视频在线观看| 国产欧美在线视频| 久久人人爽人人爽人人片av高请| 成人h视频在线| 欧美一级黑人aaaaaaa做受| 欧美成人激情视频| 欧美成人中文字幕| 91精品国产免费久久久久久| 最近2019免费中文字幕视频三| 中文字幕亚洲精品| 亚洲精品97久久| 欧美成人精品激情在线观看| 日韩在线免费视频观看| 国外成人免费在线播放| 91精品久久久久久久久久久久久久| 欧美成人午夜剧场免费观看| 亚洲一区二区自拍| 亚洲精品视频在线观看视频| 日韩中文字幕欧美| 亚洲国产欧美在线成人app| 成人欧美一区二区三区在线| 欧美精品情趣视频| 日韩成人网免费视频| 亚洲电影第1页| 日韩精品免费在线| 久久成人一区二区| 欧美日韩一区二区在线播放| 久久偷看各类女兵18女厕嘘嘘| 日韩精品中文字幕有码专区| 国产精品三级久久久久久电影| 亚洲伊人久久综合| 国产欧美精品日韩| 亚洲第一页自拍| 国产精品看片资源| 久久深夜福利免费观看| 欧美专区福利在线| 色yeye香蕉凹凸一区二区av| 国产成人午夜视频网址| 久久精品99久久香蕉国产色戒| 琪琪亚洲精品午夜在线| 久久国产精品久久久久久久久久| 亚洲成年人在线| 亚洲国产精彩中文乱码av| 久久人人爽人人爽爽久久| 日韩欧美一区视频| 日韩av在线影院| 久久精品电影网| 久久天天躁日日躁| 6080yy精品一区二区三区| 最新国产精品亚洲| 亚洲成人av资源网| 欧美激情视频在线观看| 一区二区av在线| 日韩中文字幕在线观看| 国产精品18久久久久久首页狼| 日本韩国欧美精品大片卡二| 欧美午夜宅男影院在线观看| 欧美精品在线免费| 国产精品久久久久久久久久99| 亚洲第一精品电影| 国内精品视频一区| 成人精品视频99在线观看免费| 一本色道久久88综合日韩精品| 成人信息集中地欧美| 成人伊人精品色xxxx视频| 国产精品成人久久久久| 久久亚洲综合国产精品99麻豆精品福利| 免费99精品国产自在在线| 91国产精品视频在线| 亚洲高清在线观看| 日韩久久午夜影院| 中文字幕日韩在线观看| 亚洲毛片在线观看.| 成人有码在线视频| 国产精品女主播视频| 在线看福利67194| 九九热这里只有精品免费看| 久久精品国产亚洲精品| 日韩av不卡在线| 国产精品视频中文字幕91| 美女扒开尿口让男人操亚洲视频网站| 色综合视频网站| 精品成人乱色一区二区| 国产精品视频免费在线观看| 国产成人涩涩涩视频在线观看| 国产欧美中文字幕| 精品无人区乱码1区2区3区在线| 欧美大尺度在线观看| 欧美xxxx做受欧美| 日韩视频免费观看| 日韩电影中文字幕在线| 国产精品久久久久久久久久尿| 国产ts一区二区| 亚洲精品国产精品自产a区红杏吧| 91中文在线观看| 欧美精品日韩三级| 国产精品精品久久久久久| 97精品国产91久久久久久| 亚洲国产精品悠悠久久琪琪| 日韩欧美一区二区三区|