canvas画矩形的时候出现边框样式不一致的问题解决
2013-10-12 14:13
363 查看
这两天需要用到同事HTML5画图的东东,发现里面画矩形的函数画出来的边框出现了样式不一致的问题,最后我通过一些排除法找到了问题的症结,现分享给大家。
先附上HTML5画矩形的的代码:
你会发现执行后边框样式不一样,明显底部很细。颜色也略有不同
把context.rect(188.0, 50, 200, 100.375)修改为context.rect(188.0, 50, 200, 100)后,发现样式就完全一致了。
由此说明:画矩形的时候,如果里面的参数有不是整数的话,容易导致边框问题,所以建议大家取整后再用。
先附上HTML5画矩形的的代码:
<canvas id="myCanvas" width="578" height="200"></canvas> <script> var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); context.beginPath(); context.rect(188.0, 50, 200, 100.375); context.fillStyle = 'white'; context.fill(); context.lineWidth = 1; context.strokeStyle = 'red'; context.stroke(); </script>
你会发现执行后边框样式不一样,明显底部很细。颜色也略有不同
把context.rect(188.0, 50, 200, 100.375)修改为context.rect(188.0, 50, 200, 100)后,发现样式就完全一致了。
由此说明:画矩形的时候,如果里面的参数有不是整数的话,容易导致边框问题,所以建议大家取整后再用。
相关文章推荐
- HTML5 canvas画矩形时出现边框样式不一致的解决方法
- 解决Button 按钮的点击时候出现边框的问题
- IO 流读取文件时候出现乱码 文件编码格式问题 怎么转换解决方法
- mysql数据库安装的时候可能出现的问题及解决办法
- 一例由于用redis缓存一张表到内存导致列表页面在搜索查询的时候出现未将对象引用设置到对象的实例问题的解决
- rails 4.0 中使用 cap 发布的时候,出现 LD_LIBRARY_PATH 没有设置的问题 的解决办法
- 备份SQLserver数据时候出现还原数据库和“XX”数据库不一致解决
- C#的WinForm程序应用了XP主题样式之后,ShowDialog方法出现问题的解决
- 安装VS2008后再装Office2007的时候出现的问题解决方法
- 超链接访问过后hover样式就不出现的问题是什么?如何解决?
- Ubuntu 解决更新软件包的时候出现的 “Low Disk Space” 存储空间不足问题
- canvas 绘图出现模糊问题的解决方法
- 从多方查找资源并测试终于解决了问题,特记录下。 其实如果在安装的时候,正确的安装,就不会出现下面的信息了. 如在Linux下安装,提示密码的时候,输入Root账号的密码就不会出现这个问题了!
- 用QQ进行远程协助的时候,出现初始化DLL错误问题的解决
- 解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
- python写入mysql时候 出现'latin-1' codec can't encode character 问题解决方法 以及python设置utf-8
- 编译qt-extended-4.4.3的时候出现问题解决办法
- XILINX的双口RAM核在综合的时候出现重复定义的问题解决方法
- 关于并发的时候,出现的问题以及解决的方法
- 样式出现问题的调试解决方法是先整体再局部