用jQuery将页面制成简单画板
Posted huanxijiuhao
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用jQuery将页面制成简单画板相关的知识,希望对你有一定的参考价值。
$(function () {
$(document).on(‘mousedown‘, function (e) {
var e = e || window.event;
$(document).on(‘mousemove‘, function (e) {
var e = e || window.event;
var x = e.pageX;
var y = e.pageY;
$(‘<div></div>‘).css({
‘position‘: ‘absolute‘,
‘width‘: ‘5px‘,
‘height‘:‘5px‘,
‘borderRadius‘:‘50%‘,
‘left‘: x, ‘top‘: y })
.appendTo(‘body‘); $(‘div‘).css(‘background‘,
function Color() {
var r = parseInt(Math.random() * 256);
var g = parseInt(Math.random() * 256);
var b = parseInt(Math.random() * 256);
return "rgb(" + r + ‘,‘ + g + ‘,‘ + b + ")";
});
})
$(document).on(‘mouseup‘, function () {
$(document).off(‘mousemove‘).off(‘mouseup‘);
})
})
})
以上是关于用jQuery将页面制成简单画板的主要内容,如果未能解决你的问题,请参考以下文章