[英]Canvas Draw To is not drawing line
我已经在javascript中建立了一个函数,可以在画布上的设定点之间来回绘制。 我的所有观点都能正常工作c。 如果我试图从任意点到c画一条线,那是行不通的。
Java脚本
var a = {x:0, y:0};
var b = {x:350, y:0};
var c = {x:0, y:350};
var d = {x:350, y:350};
var e = {x:100, y:100};
var f = {x:100, y:250};
var g = {x:250, y:250};
var h = {x:250, y:100};
function drawLine(a, b)
{
ctx.beginPath();
ctx.moveTo(a.x,a.y);
ctx.lineTo(b.x,b.y);
ctx.stroke();
}
drawLine(d, c);
为什么所有积分都期望c?
由此,我猜测画布的宽度和高度为350。
假设,他们正在工作。 它只是在边界上绘制。 您正在尝试从{x:0, y:350}
转到{x:350, y:350}
。 请注意,两者的y
均为350
。 这意味着它将从画bottom,left
角落的bottom,right
角球,正好住在y : 350
,这是边界。 因此,您将无法看到它。
尝试更改var c = {x:0, y:350};
到var c = {x:0+5, y:350-5};
,将其保留在{x:5, y:345}
。 您会注意到,对于c
点,线现在显示了,但非常靠近边界。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.