在这里使用Canvas我正在尝试对颜色填充进行条件检查,但它无法正常工作。
这是代码
function drawCylinderprogress(x, y, w, h, vRadius, fillStyle, strokeStyle) {
var w2 = w / 2;
var h2 = h / 2;
var ytop = -h2;
var cpYtop = -h2 - vRadius;
//alert(cpYtop);
var ybottom = h2;
var cpYbottom = h2 + vRadius;
ctx.save();
ctx.translate(x, y);
ctx.beginPath();
ctx.moveTo(-w2, ytop);
if (h2 == 100)
{
alert(h2);
//alert("checking");
ctx.bezierCurveTo(-w2, cpYtop/3, w2, cpYtop/3, w2 , ytop);
}
else(h2 <= 100)
{
//alert("checking 2");
ctx.bezierCurveTo(-w2, cpYtop/360, w2, cpYtop/360, w2 , ytop);
}
ctx.lineTo(w2, ybottom);
ctx.bezierCurveTo(w2, cpYbottom, -w2, cpYbottom, -w2, ybottom);
ctx.closePath();
performDraw(fillStyle);
ctx.restore();
}
这里我正在检查我的h2 == 100(值)是否必须cpytop3颜色必须填满其他h2 ==小于100它已经采取cpytop 360但是当我直接执行它时它会进入第二个条件它不是第一个条件。
提前致谢 诗
这是小提琴Link