老铁们，这是狂铁的普攻在什么情况下，在线等

来源：蜘蛛抓取(WebSpider) 时间：2018-01-16 13:23 标签： 狂铁的普攻在什么情况下
小木虫 --- 600万学术达人喜爱的学术科研平台
&&查看话题
求助：我用origin8.0画图时，没有图例显示并且直线线条不能变粗，坐标轴没有显示
求助：我用origin8.0画图时，没有图例显示并且直线线条不能变粗，坐标轴没有显示
图片1.jpg1111.jpg
谢谢，可能是系统的问题，我换其他电脑就ok了
点击这个改变线的宽度，线还是那样
北京学而思教育科技有限公司 地址：北京市海淀区北三环甲18号中鼎大厦A座1层102室 电话：010-html5 Canvas画图教程(3)—canvas出现1像素线条模糊不清的原因
作者：佚名
字体：[ ] 来源：互联网 时间：01-09 11:39:43
上次我们讲到，canvas有时候会出现1像素的线条模糊不清且好像更宽的情况,这样的线条显然不是我们想要的。这篇文章的目的就是弄清楚里面的原理，以及解决它,感兴趣的朋友可以了解下哦
接上一篇 上次我们讲到，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上试试我们的研究结果。 代码如下: ctx.moveTo(100.5,100.5); ctx.lineTo(200.5,100.5); ctx.lineTo(200.5,200.5); ctx.lineTo(100.5,200.5); ctx.lineTo(100.5,100.5); ctx.closePath(); ctx.lineWidth = 1; ctx.strokeStyle = 'rgba(255,0,0,0.5)'; ctx.stroke();
看起来对了吧？ 不过貌似这样一来我们画线的时候就非常纠结，难道每次都去加这个让人郁闷的0.5？当然不是，因为我们大部分时间都是用变量保存值的，就不用给每个值加0.5 了 而且，对于lineWidth&1 的线，我们也不用管它：因为只有线条宽1px的时候，这个问题才最明显。
大家感兴趣的内容
12345678910
最近更新的内容分享给朋友：通用代码: <input id="link4" type="text" class="form_input form_input_s" value="" />复 制flash地址: 复 制html代码: <input type="text" class="form_input form_input_s" id="link3" value="" />复 制分享视频到站外获取收益&&手机扫码分享视频二维码2小时内有效RETAS 线条交流稿件下载至电脑扫码用手机看用或微信扫码在手机上继续观看二维码2小时内有效RETAS 线条交流稿件扫码用手机继续看用或微信扫码在手机上继续观看二维码2小时内有效，扫码后可分享给好友没有优酷APP？立即下载请根据您的设备选择下载版本
药品服务许可证(京)-经营- 节目制作经营许可证京字670号 请使用者仔细阅读优酷、、Copyright(C)2017 优酷
版权所有不良信息举报电话:

我要回帖

更多关于 狂铁的普攻在什么情况下 的文章

 

随机推荐