Kill HeatMap

峡谷全图:https://gol.gg/_img/minimapbig2.png
Faker S13:https://gol.gg/teams/team-heatmap/1791/split-ALL/tournament-Worlds%20Main%20Event%202023/

Faker S12:https://gol.gg/teams/team-heatmap/1438/split-ALL/tournament-World%20Championship%202022/

删除某一个点:


image.png
  1. 使用 Ctrl + Shift + C 选中其中一个点,右侧显示对应的 span 块
  2. 点击 span 左三个点,选择删除元素
    结果:


    image.png

修改每个点的颜色


image.png
<span class="point" style="left:243px;top:481px; background-color: red;"></span>

在浏览器做相应修改:


image.png

为了方便编辑,右键选中,选择编辑为 HTML即可:


image.png

比赛:
TL:https://www.bilibili.com/video/BV1RN411s7ZV/?p=2&t=5

LNG:
JDG:
WBG:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • echarts 网址:https://echarts.apache.org/examples/zh/editor....
    爱新觉罗LQ阅读 355评论 0 0
  • 写仿豆瓣的小项目的时候会经常用到rating评分,于是将其封装成组件。 template: <!-- 如果是1...
    Cris娜娜阅读 815评论 0 0
  • 滚动式数据比较 Flourish 素材来源 网址:https://app.flourish.studio/visu...
    爱新觉罗LQ阅读 109评论 0 0
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,915评论 2 17
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,824评论 1 45