我有一个svg div,使用Raphael.sketchpad.js动态创建:
<svg height="1094.484" version="1.1" width="773.75" xmlns="http://www.w3.org/2000/svg" id="svg_0" style="overflow: hidden; position: relative; z-index: 3; pointer-events: none;">
<desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: text;"></desc>
<defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: text;"></defs>
<path fill="none" stroke="#000000" d="M256.25,857L258.25,857L264.25" stroke-opacity="1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-opacity: 1; stroke-linecap: round; stroke-linejoin: round; -webkit-user-select: text;"></path>
<path fill="none" stroke="#000000" d="M400.25,178L399.25,179L395.25,185L395.25" stroke-opacity="1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-opacity: 1; stroke-linecap: round; stroke-linejoin: round; -webkit-user-select: text;"></path>
</svg>
在html页面上绘制时,动态生成路径。
现在,我希望能够在SVG中选择任何特定路径,当我右键单击时,应该为我提供删除或更改该路径的笔触颜色的选项。 我不能将id附加到任何路径。
我如何选择特定路径?