Question

我想在画布上画一条颜色＆＃34;＃ca5100＆＃34;但是当绘制我的画布时，卷轴颜色实际上是＃34;＃e4a77f＆＃34;而不是＆＃34;＃ca5100＆＃34;。为什么会有这种差异？以及如何使用您设置的颜色进行绘制。

＆＃13;

var ctx = document.getElementById("mycanva").getContext("2d");
ctx.beginPath();
ctx.strokeStyle="#ca5100";
ctx.moveTo(0,50);
ctx.lineTo(500,50);
ctx.stroke();

＆＃13;

<canvas id="mycanva" width="500" height="100"></canvas>

＆＃13;

Answer 1

我的回答可能是重复但不好重新发布，解决方案很奇怪，而不是从（0,50）开始并移动到（500,50），你需要从（0,49.5）开始并移动至（500,49.5）

var ctx = document.getElementById("mycanva").getContext("2d");
ctx.beginPath();
ctx.strokeStyle="#ca5100";
ctx.moveTo(0,49.5);
ctx.lineTo(500,49.5);
ctx.stroke();

<canvas id="mycanva" width="500" height="100"></canvas>

画布：为什么这个色差？

1 个答案: