(标签-powerbi|关键词-html页面)

Question

powerbi打开自己写的html页面，HTML Content模块，照片能点击鼠标滚轮大小可变？

Answer 1

引用 皆我百晓生 小程序回复内容作答：
在Power BI中，HTML Content模块通常不支持直接使用鼠标滚轮来调整照片大小。不过，你可以使用一些JavaScript或CSS技巧来实现这个功能。以下是一种方法：

1. 在HTML页面中，使用CSS将图片元素的鼠标样式设置为指示可以进行放大缩小的手型样式。例如：

img {
  cursor: zoom-in;
}

1. 使用JavaScript监听鼠标滚轮事件，并在滚轮滚动时修改图片的大小。可以使用addEventListener方法来添加滚轮事件监听器，并根据事件中的deltaY属性来判断滚轮的方向。例如：

var img = document.querySelector('img');

img.addEventListener('wheel', function(event) {
  event.preventDefault();  // 阻止默认的滚轮行为

  // 根据滚轮方向确定缩放比例
  var scale = event.deltaY > 0 ? 0.9 : 1.1;

  // 修改图片大小
  img.style.width = (img.offsetWidth * scale) + 'px';
});

1. 将修改后的HTML页面嵌入到Power BI的HTML Content模块中。在Power BI的仪表板视图中，选择插入->模块->自定义->HTML Content，并将编写好的HTML代码粘贴到模块内。

请注意，由于安全原因，Power BI的HTML Content模块可能会受到限制，无法执行某些JavaScript和CSS代码。因此，这种方法可能并不总是适用于Power BI环境。