如何使用javascript jQuery进行输入。？_Javascript_Jquery_Canvas

如何使用javascript jQuery进行输入。？

javascript jquery canvas

如何使用javascript jQuery进行输入。？,javascript,jquery,canvas,Javascript,Jquery,Canvas,你好，早上好，我有这段代码，但您只有4种颜色，我想输入颜色#F4，我想在画布之外，但我不知道如何使用此示例代码和文件： JS: HTML: JS-Bin 要在列表中添加新颜色，您需要执行以下操作：将#f4转换为RGB类型的值，您可以在线轻松完成，也可以在代码中完成一,。（可选）创建一个类似文本框的HTML输入字段，并使用jQuery提取该字段的值以动态设置颜色将颜色添加为变量（例如，colorLightGrey）绘制色样 locY += 46; drawColorSwatch(co

你好，早上好，我有这段代码，但您只有4种颜色，我想输入颜色#F4，我想在画布之外，但我不知道如何使用此示例代码和文件：

JS:

HTML:


JS-Bin

要在列表中添加新颜色，您需要执行以下操作：

将#f4转换为RGB类型的值，您可以在线轻松完成，也可以在代码中完成

一,。（可选）创建一个类似文本框的HTML输入字段，并使用jQuery提取该字段的值以动态设置颜色

将颜色添加为变量（例如，

colorLightGrey

）

绘制色样

locY += 46;
drawColorSwatch(colorLightGrey, locX, locY);

花些时间编辑您的问题，清楚地说明您正在尝试做什么，您取得了什么成果，以及我们可以帮助您解决的具体问题。我们不会去Google drive下载你的源代码并检查它。我知道，但我想做的是做一个输入来刺穿Canvast上的颜色。要做一个输入，你需要在页面的HTML上添加一个输入字段，比如文本框，给它一个ID，然后使用jQuery获得元素的值。然后用这个值来设置元素的颜色但是你怎么能帮我呢

#coloreame {width:200px;height:200px;background-color:lightpink;border:2px solid purple;}

window.addEventListener("DOMContentLoaded",w);
function w(){
  var d = document,
      dv = d.getElementById("coloreame"),
      i = d.getElementById("f");
  i.addEventListener("keypress",c);
function c(e){
var key = "which" in e ? e.which : e.keyCode;
var regex = /[A-Za-z0-9]/;
if(!regex.test(String.fromCharCode(key))) {
  e.preventDefault(); 
  return false;
}
dv.style.backgroundColor = "#" + i.value;
}
}

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <div id="coloreame"></div>
  <br></br>
  <input type="text" id="f" placehOLDER="Color div">
</body>
</html>

locY += 46;
drawColorSwatch(colorLightGrey, locX, locY);