Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
}
#canvas {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}
#settings {
	width:300px;
	display:flex;
	flex-direction:column;
	gap:30px;
}
.setting {
	width:100%;
	height:30px;
	display:flex;
	gap:10px;
}
.setting input {
	width:100px;
}

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

canvas画板代码

更新时间:2021-05-31 00:44:46

用canvas实现的可调整画板颜色,大小,画笔颜色,大小。右键可将画板保存为图片

0