Html
    Css
    Js

    
                        
 html,body,div,canvas,nav,input,ul,li {
	margin:0;
	padding:0;
}
#box {
	width:600px;
	height:500px;
	margin:0px auto;
	background-color:palevioletred;
}
#box nav {
	width:100%;
	height:100px;
}
#box nav div {
	height:50px;
	line-height:50px;
}
#box nav .changeColor {
	padding-left:15px;
}
.changeColor input {
	width:30px;
	height:30px;
	margin:0 15px;
	vertical-align:middle;
}
.clear input {
	margin-left:15px;
	width:100px;
	height:30px;
	background-color:cadetblue;
}
canvas {
	background-color:gainsboro;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

你猜我画(画板canvas)

3
      BellaBai0
      2018/1/3 16:50:09

      修改一下html中的     

      <input type="button" value="清空画布" onclick="clearLayer()">
      回复
      浅醉鸶鸶0
      2017/5/5 16:24:51

      清空画布的点击事件,onclick=c learLayer(),c和l中间多了个空格

      回复
      下辈子当鱼0
      2017/5/5 14:59:01