svg自适应文本框_带有文本信息弹出窗口的SVG自适应图像图

svg自适应文本框

The venerable imagemap has been with web developers since 1993. One of the first popular ways of creating a website graphical user interface, imagemaps were quickly embraced, pushed way too far, and then neglected as developers moved on to shinier tools such as Flash and JavaScript. However, the <map> tag is still supported in HTML5… and as I’ll demonstrate here, adding CSS reinvigorates the element, making it a real contender against other techniques.

自1993年以来，古老的imagemap就一直与Web开发人员一起使用。作为创建网站图形用户界面的首批流行方法之一，imagemap被Swift接受，推得太远，但随着开发人员转而使用诸如Flash和JavaScript之类的更灵巧的工具而被忽略了。 。 但是，HTML5仍然支持<map>标记…并且正如我将在此处演示的那样，添加CSS可以使该元素重新焕发活力，使其成为与其他技术的真正竞争者。

“Product highlight” interfaces are often a variation of the imagemap pattern, but they are rarely responsive or accessible. Extending my experiment with SVG imagemaps, I realised it was possible to make a simple and effective photographic interface with text popups using a minimal amount of markup in SVG.

“产品亮点”界面通常是图像映射模式的变体，但很少响应或无法访问 。 扩展了我对SVG图像贴图的实验，我意识到有可能使用