<分区>
标签 javascript html css
我希望用户能够在我的主页上画一些东西。
我尝试遵循 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 实现吗?
最佳答案
是的。您可以使用 HTML canvas 标记和 JavaScript 来捕获用户输入 W3Schools -- Canvas
我建议查看 JavaScript clientX 和 clientY 事件 W3Schools -- MouseEvent和 onmousedown 事件 Mozilla Developers -- onmousedown达到您想要的效果。
关于javascript - 是否可以使用 css/javascript 在主页上绘制?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57184620/