用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将页面制成简单画板的主要内容,如果未能解决你的问题,请参考以下文章

Canvas画板---手机上也可以用的画板

java的简单网络爬虫(爬取花瓣网的图片)

用jQuery制作简单的注册成功后的跳转页面

用jQuery制作简单的注册成功后的跳转页面

如何通过将参数传递给 URL 来使用 jQuery 刷新页面

如何做一个移动web页面,用Jquery Mobile 吗