条件不适用于彩色填充画布

时间:2014-07-29 07:05:18

标签: javascript jquery html5 canvas html5-canvas

在这里使用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

0 个答案:

没有答案