首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

基于 HTML5 Canvas 的 3D 热力云图效果

templateList_1 = this.getTemplateList( heatMapArea_1, 70, 20 ); 2.初始化   使用 ht-thermodynamic.js...通过监听 3D 场景中的 onMove 事件来控制 tip 面板的显隐及值的变化。   tip 显隐控制:当鼠标移入进热力图区域时,tip 显示,反之则隐藏。...在这我遇到了个问题,因为我把除了热力图区块以外的设置成不可交互的,当鼠标移出区域后,无法监听到 onMove 事件,导致 bug,tip 面板始终存在着。...tip 值控制:调用 ht-thermodynamic.js 的方法可以获取到当前鼠标相对热力图区域的温度值 thd.getHeatMapValue(e.event,'middle'),实时改变 tip...代码如下: // 交互效果 g3d.mi(e => { if (e.kind === 'onMove') { let { clientX, clientY } = e.event

2.8K20

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券