web前端|H5教程
canvas,画矩形,边框样式
web前端-H5教程
这两天需要用到同事HTML5画图的东东,发现里面画矩形的函数画出来的边框出现了样式不一致的问题,最后我通过一些排除法找到了问题的症结,现分享给大家。
车牌识别 svm源码,vscode mdk,预装ubuntu 电脑,tomcat 秒杀,sqlite电池版,阿里云服务器无法访问,易语言开发插件下载,前端vue框架介绍,网络爬虫开源框架,php是一种什么型的语言,秒拍seo,购物网站购物jsp代码,网页抖动,dz模板文件分类,页面切换百叶窗,友点企业管理系统,淘宝客小程序lzw
先附上HTML5画矩形的的代码:
源码 留言反馈系统,ubuntu找不到ip,Tomcat配置及性能调优,网络爬虫速成,php修改创建目录权限,seo书下载lzw
复制代码代码如下:
社交PHP网站源码,ubuntu添加受限用户,tomcat发布后找不到类,爬虫高级培训学习,php的网址只能输入命令访问,seo指标参考lzw
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();
你会发现执行后边框样式不一样,明显底部很细。颜色也略有不同
把context.rect(188.0, 50, 200, 100.375)修改为context.rect(188.0, 50, 200, 100)后,发现样式就完全一致了。
由此说明:画矩形的时候,如果里面的参数有不是整数的话,容易导致边框问题,所以建议大家取整后再用。