猿问

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

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

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

这就是我想要的:

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


就像我说的,我遵循了一些教程,所以这是我目前所拥有的:


circle {

  fill: white;

  stroke: black;

  stroke-width: 2;

}

<html 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 吗?


幕布斯6054654
浏览 154回答 1
1回答

沧海一幻觉

是的。您可以使用 HTML canvas 标记和 JavaScript 来捕获用户输入W3Schools -- Canvas我建议查看 JavaScript clientX 和 clientY 事件W3Schools -- MouseEvent和 onmousedown 事件Mozilla Developers -- onmousedown以达到您想要的效果。
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答