javascript - 是否可以使用 css/javascript 在主页上绘图？

问题描述

我希望用户能够在我的主页上画一些东西。

我尝试遵循 SVG 形状绘制教程，但它仅适用于预定义的形状。

这就是我想要的：

但没什么太复杂的。光标后面只有一行就可以了。

就像我说的，我遵循了一些教程，所以这是我到目前为止所拥有的：

circle {
  fill: white;
  stroke: black;
  stroke-width: 2;
}

<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <svg height="1000" width="1000">
      <circle cx="500" cy="300" r="100" />
      <circle cx="500" cy="300" r="70" />
      <circle cx="500" cy="300" r="30" />
</svg>
  </body>
</html>

所以，我希望用户能够使用他们的光标来绘制一些东西。只有css可以吗？如果没有，那可以用 css/javascript 吗？

标签： javascripthtmlcss

是的。您可以使用 HTML canvas 标签和 JavaScript 来捕获用户输入W3Schools -- Canvas

我建议查看 JavaScript clientX 和 clientY 事件W3Schools -- MouseEvent和 onmousedown 事件Mozilla Developers -- onmousedown以达到您想要的效果。

javascript - 是否可以使用 css/javascript 在主页上绘图？

问题描述

解决方案

推荐阅读