项目地址项目地址项目地址项目地址项目地址项目地址项目地址项目地址项目地址项目地址
整体思路:一张svg矢量图(问:svg怎么导 答:当然让设计给你导 导成后缀名是svg的文件) 拉到浏览器里面f5检查代码 把svg标签拷贝到你的项目里就可以了代码很长很长此处省略一万行代码。每一个色块都是单独的标签,给每一个色块加上事件和class,点击的时候传对应的class改颜色就行了 ,如果有要关联的色块(点击A色块B色块要跟着一块变)class相同即可。代码如下:
点击生成图片用的是html2canvas 把整个svg导成图片