分类 HTML 下的文章

本方案可以让高亮区域,有交互能力
工艺流程: 用Photoshop,在局部区域描形状 ==> 导出形状到 illustrator ==> 用 illustrator 导出svg ==> 调整svg 分组,修改分组样式,一般的需求是要有透明度,根据需要绑定js交互事件 ==> END.

要点说明:

  • 把图片和svg 图形叠起来放,svg 在上;
  • svg 可通过css 设置描边颜色,背景颜色,显示与隐藏,hover 交互样式
  • svg 和图片要一样大,并且都填充到父元素尺寸的100%,这样就能保证在缩放的情况下,svg 和 图片吻合