canvas lineWidth1px问题
2016-03-25 14:48
260 查看
今天做了一个要用画布的东西,其实之前就用过,但是都怎么精细,今天遇到了一个lineWidth=1,strokeStyle=black时线条宽度为二,颜色也不是黑色的问题,查了一点资料,现在记录一下。
因为每次canvas在绘制线条时都会有一个中线,在中线两次绘制相同宽度也就是lineWidth一半宽度的线条,所以举个栗子= = 需要在画布x轴坐标为(10,0)绘制一条平行于y轴,宽度为1px的线,这个时候其实中线的位置是在x = 10px的位置,而且canvas绘图的最小单位是1px所以这条线就是9px到11px的2px的一条线。
解决办法就是让这个中线正好在需要绘制1px的位置的中点也就是x = 9.5px的位置。
因为每次canvas在绘制线条时都会有一个中线,在中线两次绘制相同宽度也就是lineWidth一半宽度的线条,所以举个栗子= = 需要在画布x轴坐标为(10,0)绘制一条平行于y轴,宽度为1px的线,这个时候其实中线的位置是在x = 10px的位置,而且canvas绘图的最小单位是1px所以这条线就是9px到11px的2px的一条线。
解决办法就是让这个中线正好在需要绘制1px的位置的中点也就是x = 9.5px的位置。
相关文章推荐
- 微信公众平台开发接口PHP SDK完整版
- Android GPS架构分析
- Django框架利用ajax实现批量导入数据功能
- 2016.03.25(嘿)
- 计算机图形学---------屏幕、窗口、视口、裁剪区域概念区分
- ExtJs xtype一览
- Linux 趁手工具之剪贴板系列
- 简学LINGO(三)——实例篇
- JMeter学习(九)分布式部署
- 【C++】析构函数的作用和用法
- [题目转自http://www.33iq.com/]趣味数学
- Tomcat服务器配置,详解
- .net 通过输入文本框进行下拉式菜单的联想搜索(资料2)
- Intel为Google的物联网平台Brillo推出开发板Edison
- CSS 选择器
- eclipse 启动时候弹出框。。。
- wifi之 802.11 的DS位
- sass安装步骤
- 从 github 执行 git clone 一个大的项目时提示 error: RPC failed
- ios动态创建类Class