当前位置: 首页 > news >正文

湛江手机网站建设公司石基网站建设

湛江手机网站建设公司,石基网站建设,网站托管服务内容,自己学习做网站6需要的前置知识#xff1a;简单的canvas绘制线路过程 let canvas document.getElementById(id); //id为canvas标签元素的id#xff0c;或通过其它方法获取标签 let ctx canvas.getContext(2d); //规定为2d绘制图片#xff0c;即确定为2d画笔 ctx.strokeStyle whit…需要的前置知识简单的canvas绘制线路过程 let canvas document.getElementById(id); //id为canvas标签元素的id或通过其它方法获取标签 let ctx canvas.getContext(2d); //规定为2d绘制图片即确定为2d画笔 ctx.strokeStyle white //画笔的颜色为白色 ctx.beginPath(); //开始绘制 ctx.moveTo(lastX, lastY); //画笔落笔的点数即开始绘制的位置 ctx.lineTo(lineX, lineY); //画笔结束的位置即结束绘制的位置 ctx.stroke(); //位置填充完毕绘制线路即将两个点连在一起 了解以上的内容便可以进行电子签名了。 原理监听鼠标的点击、按下、松开、以及移动事件根据这些事件绘制路线形成签名最后将canvas转为图片然后发给后端就行啦 实现 !DOCTYPE html html langen headmeta charsetUTF-8stylecanvas {border: 1px solid #ccc;}img {width: 100px;height: 100px;}/style /headbodycanvas idsignature width400 height200 /canvasbutton onclickfn()转换图片/buttona href# iddownload download下载图片/a!-- 如果不给a标签加#会导致页面重新刷新当然你可以去写js代码阻止这个默认行为 -- /body script //初始化画布以及画笔var canvas document.getElementById(signature);var ctx canvas.getContext(2d);var flg false;var lastX 0;var lastY 0;canvas.addEventListener(mousedown, function (e) {flg true;//鼠标按下flg为true表示可以进行绘制[lastX, lastY] [e.offsetX, e.offsetY];//es6新增交换两个变量的值console.log(lastX, lastY);});canvas.addEventListener(mousemove, function (e) {if (isDrawing) {ctx.strokeStyle black、ctx.beginPath();ctx.moveTo(lastX, lastY);ctx.lineTo(e.offsetX, e.offsetY);ctx.stroke();[lastX, lastY] [e.offsetX, e.offsetY];}});canvas.addEventListener(mouseup, function (e) {flg false;});const fn () {var dataURL canvas.toDataURL(image/png);var downloadBtn document.getElementById(download);downloadBtn.href dataURL;imgurl.src dataURLconsole.log(成功);} /script/html
http://www.dnsts.com.cn/news/15156.html

相关文章:

  • 网站建设合作范本如何分析网站的设计
  • 益阳哪里做网站世界500强企业中国有多少家
  • html官方网站项目dede网站后台设置wap模板目录
  • 缠绕机东莞网站建设技术支持用做网站使用的图片
  • 企业网站建设与维护十大进销存软件排名
  • 天津大良网站建设苏州网站建设制作
  • 视频网站开发源码南京做网站牛
  • 带有互动的网站开发可以注册邮箱的网站
  • 新网站怎么运营提供营销单页网站
  • 科技股龙头手机网站图片优化
  • 免费不良正能量网站链接网站安全建设论文
  • 怎样做_网站做seo做网站用什么笔记本
  • python数据分析做网站免费建商城网站哪个好
  • 中文网站模板下载西宁百姓网免费发布信息
  • 四川省网站建设最精品网站建设
  • 英文网站制作注意点营口 微网站建设
  • 曲阜市古建设计院网站苏州发布最新消息
  • 企业服务类网站支付宝手机网站
  • 做网站加推广多少钱盐津铺子网络营销推广方法
  • 我想做卖鱼苗网站怎样做厦门企业建站模板
  • mysql 注册网站淘宝运营培训有必要吗
  • 沈阳行业网站十大免费网站推广平台
  • 营销型网站制作培训多少钱html5新特性
  • 设计网站页面要怎么切图用wordpress 安装自己喜欢的主题 主题图片显示不对
  • 企业网站建设排名价格深圳宝安网站建设
  • 网赌网站国外空间国外做各种趣味实验的网站
  • 无极任务平台网站进入wordpress来源
  • intitlt 山西大同网站建设网站文件命名规则
  • 空间网站大全中企动力做网站好吗
  • 高端人才做兼职的招聘网站有哪些全球网