为什么我的弧线宽度没有清除?

阿帕默

正在尝试在画布上绘制两个形状。第一个是半圈。第二是一条线。

半圈:

this.ctx.beginPath();
this.ctx.arc(cs, cs, radius, angle, angle+Math.PI, true);
this.ctx.fillStyle = '#FC4F54';
this.ctx.fill();
this.ctx.stroke();
this.ctx.closePath();

线:

var x = (Math.cos(angle + Math.PI/2) * this.canvasSize) + cs;
var y = (Math.sin(angle + Math.PI/2) * this.canvasSize) + cs;

this.ctx.beginPath();
this.ctx.moveTo(cs,cs);
this.ctx.lineTo(x,y);
this.ctx.lineWidth = 2 * radius;
this.ctx.strokeStyle = "#ffffff[![enter image description here][1]][1]";
this.ctx.stroke();
this.ctx.closePath();

当我按照上面显示的顺序运行它们时,得到以下结果:

在此处输入图片说明

但是,当我更改两个的顺序以使该行位于第一位时,这是结果:

在此处输入图片说明

如果我增加圆弧的半径,则第二次开始在中心看到红色。这让我认为,以某种方式,线的lineWidth越过了弧形样式。但是,如果我尝试将圆形的lineWidth显式设置为零,则它将无效。

我错过了什么?

乔恩

弧的外观是由您怀疑的lineWidth更改引起的。

当您尝试将lineWidth设置为0时,这无效,因为忽略了零值,如本文档中所述

如果在绘制圆弧之前将lineWidth设置为1,则无论您绘制圆弧和直线的顺序如何,都将得到相同的结果。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么没有类型清除警告

来自分类Dev

为什么我的观点没有改变?

来自分类Dev

为什么我的div没有高度?

来自分类Dev

为什么我的变量没有更新?

来自分类Dev

为什么我的代码没有清除HTML5画布?

来自分类Dev

为什么我的SeekBar没有更新?

来自分类Dev

为什么我的CSS没有被应用?

来自分类Dev

为什么我的空间没有修剪

来自分类Dev

为什么我的CSS没有缩小?

来自分类Dev

为什么我的图像没有显示?

来自分类Dev

为什么我的查询没有结果?

来自分类Dev

为什么我的UISlider没有动画?

来自分类Dev

为什么没有宽度的表格标签可以居中

来自分类Dev

为什么我的TCS没有等待?

来自分类Dev

为什么我的NSOperation没有取消?

来自分类Dev

为什么我的指令没有显示?

来自分类Dev

为什么我的网格没有出现?

来自分类Dev

为什么我的goroutines没有启动?

来自分类Dev

为什么我的路线没有被点击?

来自分类Dev

为什么我的地图没有更新?

来自分类Dev

为什么我的函数没有返回?

来自分类Dev

为什么我的墙纸没有显示

来自分类Dev

为什么当我更改线宽参数时图形没有变化

来自分类Dev

gnuplot:为什么线宽0的宽度不为零?

来自分类Dev

(顺便说一句,没有错误)我的清除命令为什么不起作用?

来自分类Dev

缩小窗口宽度后为什么没有背景?

来自分类Dev

为什么我的代码没有清除HTML5画布?

来自分类Dev

为什么我的导航类没有扩展到宽度的 100%?

来自分类Dev

为什么网页上没有显示高度和宽度?