canvas画矩形的时候出现边框样式不一致的问题解决
来源:互联网 发布:android 解析json数组 编辑:程序博客网 时间:2024/06/06 17:28
这两天需要用到同事HTML5画图的东东,发现里面画矩形的函数画出来的边框出现了样式不一致的问题,最后我通过一些排除法找到了问题的症结,现分享给大家。
先附上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)后,发现样式就完全一致了。
由此说明:画矩形的时候,如果里面的参数有不是整数的话,容易导致边框问题,所以建议大家取整后再用。
- canvas画矩形的时候出现边框样式不一致的问题解决
- Canvas基本矩形的
- canvas画一个简单的红色矩形
- 解决Button 按钮的点击时候出现边框的问题
- 去除浏览器文本框点击时候出现的蓝色边框
- pc端Button 按钮的点击时候出现蓝色边框。。。
- css控制Button 按钮的点击时候出现蓝色边框
- Button 按钮的点击时候出现蓝色边框
- css控按钮的点击时候出现边框
- Button 按钮的点击时候出现蓝色边框
- 设置nv12的矩形边框
- 边框文字效果的样式
- 边框的样式
- 安装VS2008后再装Office2007的时候出现的问题解决方法
- 画一个指定填充色的矩形(无边框)
- cocos2d-x 画一个有边框的矩形
- 编译qt-extended-4.4.3的时候出现问题解决办法
- 【html5每日练习】canvas画矩形的3个函数
- [twitter] 如何实现 tail - f
- 使用termcolor模块
- 循环与递归
- hdu 4572 Bottles Arrangement找规律简单题
- Activity生命周期
- canvas画矩形的时候出现边框样式不一致的问题解决
- 最新百度 阿里 华为 腾讯 谷歌面试笔试题及解析
- oracle 11g卸载
- Web Service
- WinInet, WinHttp, Winsock, ws2_32的区别和联系
- 根据身份证获取出生日期
- D3D游戏编程系列(六):自己动手编写第一人称射击游戏之第一人称视角的构建
- OpenSSL: 消息摘要算法
- POJ 1719 Shooting Contest(KM,4级)