SVG <path>中的随机点

Rok*_*alj 3 geometry svg path

问题描述起来非常简单.我有一个简单的SVG封闭形状,如下所示:

<path d="M435.95,147.99l0.33,0.49l-0.11,1.07l-0.39,0.04l-0.29,-0.15l0.21,-1.4l0.25,-0.05Z"></path>
Run Code Online (Sandbox Code Playgroud)

我想在这个形状的某个地方随意画一个点.

怎么做?我希望解决方案尽可能简单.

Rob*_*son 5

您可以使用getBBox获取路径的边界框并在该范围内生成随机点.然后使用随机点的elementFromPoint来检查您是否真的在形状上.

如果任何元素覆盖路径,则将它们设置为pointer-events ="none",以便在执行此操作时忽略它们.