360怎么运行html脚本,如何运行html5

满意答案

ZQPM185

2012.12.19

采纳率：40%    等级：12

已帮助：7304人

画线例子

#c{ border:1px solid black;}

window.onload = function() {

if (document.getElementById('c')) {

var isDown = false; //判断是否按下

var ctx = document.getElementById('c').getContext('2d'); //取得画布

ctx.strokeStyle = 'black'; //线条颜色

ctx.beginPath(); //开始画线

$('body').mousedown(function(e) {

isDown = true;

ctx.moveTo(e.clientX - 10, e.clientY - 10); //画笔拿起放到哪一点

}).mousemove(function(e) {

!isDown || ctx.lineTo(e.clientX - 10, e.clientY - 10, 5, 5); //画笔画到哪一点

ctx.stroke(); //画线函数

}).mouseup(function() {

isDown = false;

});

} else {

alert('ss');

}

}

你的浏览器不支持canvas标签,请使用firefox和chrome浏览器

00分享举报