画布:为什么这个色差? [重复]
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() 在这个代码片段中是如何工作的?与特定变量混淆[重复]