印前问答

印前问答

印前问答为您提供印刷前期的相关问题咨询与解答,印刷案例规格及印刷报价,让您实时了解在印刷前期的各类相关问题及印后相关问题,并提供印刷时的注意事项,为您提供各类印前印后的相关问题解决方案

当前位置:网站首页 > 印刷问答 > 印前问答 > 正文

HTML5移动开发之路(10)——在线画板

印刷问答 2020-05-10 18:12 401 0

  本文为 兄弟连IT教育 机构官方 HTML5培训 教程ai画板顺序,主要介绍:HTML5移动开发之路(10)——在线画板

  在这一篇文章中我们用HTML5来实现一个在线的画板ai画板顺序,玩过你画我猜的朋友今天也可以做一个简单的你画我猜小游戏啦,效果如下图所示:

  过程很简单直接上代码了:

  [html] view plain copy

  print?在CODE上查看代码片派生到我的代码片

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";

  <html xmlns=";

  <head>

  <meta ;

  <title>大碗干拌的在线画板</title>

  <style type="text/css">

  #php100{ border:1px solid #ccc;}

  </style>

  </head>

  <body>

  <canvas id="php100" width="500" height="400"></canvas>

  <script type="text/javascript">

  var canvas = document.getElementById('php100');

  var p100=canvas.getContext("2d");

  p100.lineWidth=5

  p100.strokeStyle="red";

  var paint=0;

  $("#php100").mousedown(function(e){

  var mouseX = e.pageX - this.offsetLeft;

  var mouseY = e.pageY - this.offsetTop;

  paint=1;

  p100.moveTo(mouseX,mouseY); //起始位置

  });

  $("#php100").mouseup(function(e){

  paint=0;

  });

  $("#php100").mousemove(function(e){

  var mouseX = e.pageX - this.offsetLeft;

  var mouseY = e.pageY - this.offsetTop;

  if(paint){

  p100.lineTo(mouseX,mouseY); //终止位置

  p100.stroke(); //结束图形

  }

  });

  </script>

  </body>

  </html>

  有兴趣的朋友可以进行扩展,添加几个按钮可改变画板颜色或者其他好玩的功能ai画板顺序。

  • 关于初级会计考试准考证打印,这几地官方财政最新通知!

    关于初级会计考试准考证打印,这几地官方财政最新通知!

    初级会计还有*0天考试,这几地也刚刚公布了202*年初级会计考试准考证打印时间,和小爱一起来看下吧!01202*年初级会计考试最新安排江西4月24日开始!江西发布了“关于打印202*年度全国会计专业技术初、高级资格考试(江西考区)...

    2023-04-05 114 0

  • 上海包装盒印刷厂家|上海包装盒印刷厂家电话

    上海包装盒印刷厂家|上海包装盒印刷厂家电话

    上海金汇通包装礼盒设计发展吉印通,主要是做月饼礼盒,茶叶礼盒,食品礼盒一系列多在做的包装礼盒行业领域里面知名度还是比较高的工艺精湛质量也好专门是承接大的酒店公司和茶叶公司的订单地址是上海青浦市华徐公路***。深龙杰科技厂家...

    2023-03-19 188 0

  • 【厦门兴德裕印刷器材吉印通
】|厦门兴德裕印刷器材吉印通
怎么样

    【厦门兴德裕印刷器材吉印通 】|厦门兴德裕印刷器材吉印通 怎么样

    海门市紫光印刷机械吉印通1生产经理12人,本科,有一定的生产管理经验,工资面议2铣床工若干,会看基本的图纸,工资面;南通市兴德泵业吉印通1数控车床工2人,月薪*000*000元2电子商务网站建设1人,月薪*000*00...

    2023-02-21 102 0

  • 关于德森印刷机售后服务的信息

    关于德森印刷机售后服务的信息

    1、国内的锡膏印刷机一线品牌最新排名前三分别是德森广晟德和凯格精密作为“电子装备行业的引领者”,德森拥有强大的研发技术完整的解决方案#19*9优秀的品质管理先进的生产制造流程及完善的售后服务体系尤其是德森。2、这两个的锡膏印刷机都还不错,...

    2023-02-04 234 0

  • 上海笔记本印刷定制哪家最便宜?

    上海笔记本印刷定制哪家最便宜?

    问:上海笔记本印刷定制哪家最便宜?答:吉印通专业笔记本印刷定制,工厂直印价格优惠,咨询电话:021-63063076/138-1621-1622(微信同号)欢迎咨询 ≧◔◡◔≦  ...

    2023-01-08 194 0

  • 集美再添城市文化手刺

    集美再添城市文化手刺

    导报讯(记者康泽辉吴舒远)通过数字手艺复刻,“栩栩如实”的艺术家的画做,也能飞入寻常苍生家。*日上午,“艺数启元”2022首届维纳数字艺术文化节开幕式暨维纳数字艺术园开园·元晟数字艺术馆开馆庆典在集美举行。现场展览的一幅幅名家复描绘...

    2022-12-23 138 0

本文暂时没有评论,来添加一个吧(●'◡'●)

取消回复欢迎 发表评论:

请填写验证码