您好，我正在尝试为我的Canvas绘图应用程序创建一个笔刷大小滑块，任何人都可以协助解决此问题吗？我发现的一些方法与运行我的应用程序的Jquery库不兼容。
谢谢你 ：）
简单的：
创建一个类型为input的输入元素range：
<input type=range min=1 max=100 id=brushSize>
读取其值并应用于lineWidth上下文：
$("#brushSize").on("input", function(e) { ctx.lineWidth = $(this).val() });
$("#brushSize").on("input", function(e) {
var v = $(this).val(); // brush size value, example usage:
//ctx.lineWidth = v; // context line-width
$("#val").html($(this).val()); // textual repr.
$("#val").width(v).height(v); // brush size rep.
});#val {
display:inline-block;
border-radius:50%;
background:#000;
color:#f00;
width:50px;
height:50px;
text-align:center;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type=range min=1 max=100 id=brushSize> <span id=val>50</span>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句