我试图为使用客户端JavaScript的SVG文本元素实现冲突检测。命中测试应检查文本的任何字形是否与其他文本元素的任何字形重叠。由于getBBox
和getExtentOfChar
是准确的我需要一个自定义的解决方案。SVG文本点击测试
我的第一种方法是获取元素的每个坐标/像素的颜色并手动执行命中测试,但这不起作用,因为无法获取坐标的颜色。这将需要额外的画布来获得像素颜色 - >可怕的解决方法。
现在我正在考虑将文本或字形转换为多边形进行命中测试。可能吗?或者有任何其他的基于字形的命中测试的方法?
问候