学习canvas中，使用oncmousedown事件的程序在firefox下无法实现_H5之家

canvas教程

学习canvas中，使用oncmousedown事件的程序在firefox下无法实现

字号+ 作者：H5之家来源：H5之家 2015-09-25 10:07 我要评论( )

预期效果是实现鼠标点击是画一个三角形。，chrome可以运行。代码如下 {代码...}

预期效果是实现鼠标点击是画一个三角形。，chrome可以运行。
代码如下

<!DOCTYPE html> <html lang="zh"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CANVAS测试代码</title> </head> <body> <canvas></canvas> <script type="text/javascript" charset="utf-8"> var canvas=document.getElementById("canvas"); var ctx=canvas.getContext("2d"); canvas.onmousedown=function (event) { var x=event.x; var y=event.y; var r= Math.random()*10+5; ctx.beginPath(); ctx.moveTo(x, y); ctx.lineTo(x, y+r); ctx.lineTo(x+r, y+r); ctx.lineTo(x, y); ctx.strokeStyle = "red"; ctx.stroke(); }; </script> </body> </html>