绘制果实偏移的原因是因为lineWidth和lineCap两个属性,指定lineWidth,canvas绘制逻辑是是指定x坐标左右各8px的宽度这样绘制,lineCap属性会增加8px的高度 所以果实的位置x和y各偏移了8px
2017-07-21
原background.js:
function drawBackground(){
bgPic.onload=function(){
ctx2.drawImage(bgPic,0,0,canWidth,canHeight);
}
}
修改后的:
function drawBackground(){
ctx2.drawImage(bgPic,0,0,canWidth,canHeight);
}
解决了海葵透明度问题和漂浮直线问题
function drawBackground(){
bgPic.onload=function(){
ctx2.drawImage(bgPic,0,0,canWidth,canHeight);
}
}
修改后的:
function drawBackground(){
ctx2.drawImage(bgPic,0,0,canWidth,canHeight);
}
解决了海葵透明度问题和漂浮直线问题
2017-07-11