画板
颜色:
画笔大小:
body,html { font-size:100%; padding:0; margin:0; } /* Reset */ *,*:after,*:before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .clearfix:before,.clearfix:after { content:" "; display:table; } .clearfix:after { clear:both; } body { background:#494A5F; color:#D5D6E2; font-weight:500; font-size:1.05em; font-family:"Microsoft YaHei","宋体","Segoe UI","Lucida Grande",Helvetica,Arial,sans-serif,FreeSans,Arimo; } a { color:#2fa0ec; text-decoration:none; outline:none; } a:hover,a:focus { color:#74777b; } /*nav*/ button { display:inline-block; margin:0.5em; padding:0.6em 1em; border:3px solid #fff; font-weight:700; background:#1d7db1; color:#fff; } .center { text-align:center; } h5 { width:100%; padding:0; margin:0; font-size:24px; text-align:center; height:40px; line-height:40px; } .sketchpad { background:#FFF; width:320px; height:500px; border-radius:2px; -webkit-box-shadow:2px 2px 5px 0px rgba(50,50,50,0.75); -moz-box-shadow:2px 2px 5px 0px rgba(50,50,50,0.75); box-shadow:2px 2px 5px 0px rgba(50,50,50,0.75); } .color-line { text-align:center; height:50px; line-height:50px; } .color-line input { vertical-align:middle; } .color-line span { font-size:18px; }
js canvas画板,兼容pc端移动端,画图路径保存成数组。