选择Raphael.js创建的svg中的特定路径将其删除

时间:2014-05-07 12:33:36

标签: javascript jquery svg raphael this

我有一个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附加到任何路径。

我如何选择特定路径?

0 个答案:

没有答案