画布:为什么这个色差? [重复]

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了画布:为什么这个色差? [重复]相关的知识,希望对你有一定的参考价值。

这个问题在这里已有答案:

我想在画布上用颜色“#ca5100”绘制一条线,但是当绘制画布时,卷轴颜色实际上是“#e4a77f”而不是“#ca5100”。为什么会有这种差异?以及如何使用您设置的颜色进行绘制。

var ctx = document.getElementById("mycanva").getContext("2d");
ctx.beginPath();
ctx.strokeStyle="#ca5100";
ctx.moveTo(0,50);
ctx.lineTo(500,50);
ctx.stroke();
<canvas id="mycanva" width="500" height="100"></canvas>
答案

我的答案可能是重复但不好重新发布它,解决方案很奇怪,而不是从(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>

以上是关于画布:为什么这个色差? [重复]的主要内容,如果未能解决你的问题,请参考以下文章

append() 在这个代码片段中是如何工作的?与特定变量混淆[重复]

如何删除画布周围的灰色边框

在画布上绘制片段视图

iphone / Objective c的最佳代码片段网站是啥[重复]

色差仪中的lab分别是啥意思

色差怎麽表示