Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
}
ul {
	list-style:none;
	float:left;
	width:250px;
	border:1px solid #999;
}
li {
	box-sizing:border-box;
	float:left;
	width:10px;
	height:10px;
	/*border:1px solid #999;
	*/
}

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

原生js简单画板

更新时间:2020-03-19 00:46:54

原生js实现简单的画板功能,提供实现画板思路。

画笔颜色可以通过target.style.backgroundcolor来控制,

通过li的属性“img-data”作为中间变量可以实现颜色边涂边改的变化。

0