2017-12-27 187 views
3

我想用顏色「#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>

回答

-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>

+0

你能解釋一下爲什麼? – ThatBrianDude