这篇博客介绍了如何使用JavaScript和HTML/CSS创建一个简易的在线画板。用户可以通过选择颜色和调整画笔粗细来绘制图形，同时提供清除所有内容的功能。文章展示了HTML结构、CSS样式和JavaScript代码，解释了事件监听和DOM操作来实现画板功能。
HTML
<body id="bodys">
<span id="eraser">
清除所有
</span>
<span id="colorbtn">
笔画颜色
</span>
<input type="range" name="ram" id="ram" min="1" max="20" step="1" value="10"/>
<label id="ramnum">字体大小:10px</label>
<ul id="colorpanel">
<li>黑色</li>
<li>红色</li>
<li>绿色</li>
<li>蓝色</li>
</ul>
</body>
CSS
*{
margin: 0;
padding: 0;
}
.box_black{
background-color: black;
position: absolute;
}
.box_red{
background-color: red;
position: absolute;
}
.box_green{
background-color: green;
position: absolute;
最低0.47元/天 解锁文章
扫一扫
4249
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
