web前端|H5教程
html5教程,画板
web前端-H5教程
HTML5制作简单画板
php 批发 源码,vscode创建t4模板,ubuntu卡黑屏,如何配置tomcat环境,csdn视频爬虫,php下载csv文件,浙江seo新手快速入门布局,网站桌面快捷方式代码lzw
微信运营平台网站带后台源码,ipad换ubuntu系统,tomcat闪退看日志,php 爬虫技术,php分享邀请,海珠区网络seo优化什么价格lzw
复制代码代码如下:
3d模型源码,为什么刷新不了vscode,ubuntu 自带php,怎么配置tomcat插件,python 爬虫 历史,php 音频 数据库,30岁学seo晚吗,sf一条龙网站源码,管理员后台 模板lzw
<script src="/ajax/libs/jquery/1.7.1/jquery.min.js”>
canvas{ border:2px solid #000;}
$(document).ready(function(){
var canvas=document.getElementById(“draw”);
var draw=canvas.getContext(“2d”);
draw.lineWidth=5; //线条粗细
draw.strokeStyle=”red”; //颜色
var godraw=false;
//按下鼠标
$(“#draw”).mousedown(function(e){
//准确坐标
var mouseX=e.pageX-this.offsetLeft;
var mouseY=e.pageY-this.offsetTop;
draw.moveTo(mouseX,mouseY);
godraw=true;
})
//放开鼠标
$(“#draw”).mouseup(function(e){
godraw=false;
})
//移动鼠标
$(“#draw”).mousemove(function(e){
if(godraw){
var mouseX=e.pageX-this.offsetLeft;
var mouseY=e.pageY-this.offsetTop;
draw.lineTo(mouseX+4,mouseY+4);
draw.stroke();
}
})
})
效果图
