我不知道这是否有用但是..如图所示你可以调用setup()函数中的第二个函数draw(),
JSFiddle
更新
HTML：
Draw me a circle!
JS：
btn = document.getElementById("myBtn");
btn.onclick = function setup() {
btn.remove();
//alert("Function Setup!");
document.getElementById("holder").innerHTML = '';
draw();
}
function draw() {
//alert("Function Draw!");
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
var centerX = canvas.width / 2;
var centerY = canvas.height / 2;
var radius = 70;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = 'green';
context.fill();
context.lineWidth = 5;
context.strokeStyle = '#003300';
context.stroke();
}
对于多个按钮,只需给每个按钮一个id,并为每个按钮创建一个js var：
btn1 = document.getElementById("myBtn1");
btn2 = document.getElementById("myBtn2");
注意：
code802,值得一提的是,我将使用SVG绘制画布：
>更多支持
> SVG是矢量图形,无论您放大多少或屏幕分辨率是什么,都意味着无像素或模糊边缘.
>它可以是外部或css,img,object或inner-html或src.
>在许多情况下可以缓存它.
>你也可以操纵它并以任何你想要的方式为它制作动画,你可以用帆布做任何事情都可以用svg做
