介绍 & lt; ! DOCTYPE html>
& lt; html>
& lt; head>
& lt; meta charset=癠TF-8"祝辞
& lt; title> JS写字板& lt;/title>
& lt; style 类型=拔谋?css"比;
#罐{
显示:块;
保证金:0,汽车;
}
# selectColor {
,保证金:0,汽车;
,,,宽度:400 px;/*,高度:50 px; */,text-align:中心;
,margin-top: 10 px;
,list-style:没有;
}
所有{/*宽度:10%;
高度:95%;*/宽度:60 px;
高度:50 px;
边界:1 px solid # CCCCCC;
浮:左;
margin-left: 10 px;
border - radius: 6 px ;
光标:指针;
}
红色# {
背景颜色:红色;
}
#黄色{
背景:,黄色;
}
黑色# {
背景:,黑色;
}
#绿色{
背景:,绿色;
}
蓝色# {
背景:# 0000 ff;
}
#{清晰
margin-left: 10 px;
}
# fontW {
宽度:400 px;
保证金:0,汽车;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; canvas id=癱ans"祝辞
您的浏览器不支持该功能!
& lt;/canvas>
& lt; ul id=皊electColor"祝辞
& lt; li 类=癮ll", id=皉ed", onclick=癱hangecolor(& # 39;红色# 39;),学生(这)“祝辞& lt;/li>
& lt; li 类=癮ll", id=皔ellow", onclick=癱hangecolor(& # 39;黄色# 39;),学生(这)“祝辞& lt;/li>
& lt; li 类=癮ll", id=癰lack", onclick=癱hangecolor(& # 39;黑色# 39;),学生(这)“祝辞& lt;/li>
& lt; li 类=癮ll", id=癵reen", onclick=癱hangecolor(& # 39;绿色# 39;),学生(这)“祝辞& lt;/li>
& lt; li 类=癮ll", id=癰lue", onclick=癱hangecolor(& # 39;蓝# 39;),学生(这)“祝辞& lt;/li>
& lt;/ul> & lt;/br>
& lt; input id=癱lear",类型=癰utton",价值=https://www.yisu.com/zixun/爸鼗? - ->
这篇文章主要介绍原生JS + HTML5怎么实现的可调节写字板功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
具体如下:
首先来看看运行效果:
具体代码如下:
<强>线条粗细: 0 20
