已采納回答 / 墨小良
可以通過javascript去控制啊,監聽input輸入框的change事件,每次改變文字內容就刷新一次畫布。用jquery實現起來更簡單如下:$('input').change(function(e) {????//獲取輸入的文字,刷新canvas});
function drawmoon(ctx, d) {
ctx.beginPath();
ctx.arc(0, 0, 1, Math.PI/2, 3*Math.PI/2, true);
// moveTo(0, -1);//沒有作用,必須接著前一個的點畫??!
ctx.arcTo(d, 0, 0, 1, (Math.sqrt(1+d*d)) /d);
ctx.closePath();
}
ctx.beginPath();
ctx.arc(0, 0, 1, Math.PI/2, 3*Math.PI/2, true);
// moveTo(0, -1);//沒有作用,必須接著前一個的點畫??!
ctx.arcTo(d, 0, 0, 1, (Math.sqrt(1+d*d)) /d);
ctx.closePath();
}
2016-10-12
已采納回答 / 無所畏懼小小小
首先你在html中已經給定過canvas的寬高,js中就不用重復設置了.其次,你看看你的瀏覽器,IE9以下的不支持canvas。我剛復制代碼發現是可以畫出圓的( ⊙ o ⊙ )!
2016-10-12