首页 > 代码库 > html5之canvas画图 1.写字板功能
html5之canvas画图 1.写字板功能
写字板事例:
写字板分析:1.点击鼠标開始写字(onmosedown)2.按下鼠标写字(onmousemove)3.松开鼠标,停下写字(撤销onmousemove事件):
代码:
<strong><!doctype html> </strong><html> <head> <meta charset="utf-8"> <title>Canvas</title> <style type="text/css"> body { margin: 0px; padding: 0px; } #canvas { margin: 0px; padding: 0px; border: 1px solid #000000; } </style> </head> <body> <canvas id="canvas" width="400" height="400">当前浏览器不支持canvas</canvas> <script type="text/javascript" src=http://www.mamicode.com/"utils.js"></script> >
html5之canvas画图 1.写字板功能
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。