我希望有人能指出将多个复选框添加到 svg 图像的各种方法的优缺点。
我有一个大的、形状奇特的 svg,需要包含 4 个复选框作为输入。看起来有很多方法可以做到这一点,我不确定使用哪一种。
我的要求是它必须是可访问的(即每个复选框都需要 aria-label)并且它必须是可扩展的。我还希望能够指示焦点/悬停。最终图像将成为 html 站点的一部分。
在图像上定位(绝对)html输入
图像映射 如果我想添加链接而不是输入图像,这种方法似乎是最好的。
将图层添加到 svg
将 svg 路径分成多个,以便每个复选框都是其自己的唯一路径
将现有 svg 与一个大路径一起使用,并通过 foreignObject 添加 html 输入