svg和json交互
HTML imagemaps were one of the first graphical methods used to navigate complex websites, and continue to retain a number of advantages when they are designed well. One significant drawback of the format in the modern era is that traditional imagemaps are not responsive. Thankfully, SVG can be used to replace this limitation, while bringing a host of new opportunities for site design and UI.
HTML图像映射是用于导航复杂网站的最早的图形方法之一,并且在设计得当时仍会保留许多优势。 这种格式在现代时代的一个显着缺点是传统的图像映射无法响应 。 值得庆幸的是, SVG可用来替代此限制,同时为网站设计和UI带来许多新机遇。
This reading list starts from the techniques of replacing standard imagemaps with SVG variants, then moves to more complex examples, with many more to come:
该阅读列表从使用SVG变体替换标准图像映射的技术开始,然后转向更复杂的示例,还会有更多示例:
Time: 2 hours
时间 :2小时
Prerequisites: HTML, CSS, SVG Intro and SVG Shapes. Some familiarity with JavaScript suggested.
先决条件 : HTML , CSS , SVG简介和SVG形状 。 建议您一定熟悉JavaScript 。
翻译自: https://thenewcode.com/699/Web-Developer-Reading-List-SVG-Imagemaps-Interactivity
svg和json交互