html5 canvas实现涂鸦写字板效果

1、新建html文档。

3、书写css代码。<style type="text/css"> #ca即枢潋雳vs{ border: 1px solid #CC6600; border-radius:25px; box-shadow: 10px 10px 5px #888888; } #kuang{ margin-left: 40px; width:1100px; height: 50px; margin-top: 15px; border-radius:25px; box-shadow: 10px 10px 5px #888888; } #k1{ float: left; margin-left: 43px; } .button { background-color: #F9D448; /* 土黄色 */ border: none; color: white; padding: 6px 15px; text-align: center; border-radius:25px; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; -web kit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s;} .button2:hover { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);} </style>

5、代码整体结构。