由于目标被D3 js视为被动对象,因此无法阻止被动事件侦听器中的Default

时间:2019-09-02 07:57:36

标签: d3.js zoom preventdefault

我正在使用D3.js库。我不会放大SVG文件。 当我放大或缩小时。这样会在控制台中产生很多错误:

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/6662647093133312

这是我的代码。

<object id="map" type="image/svg+xml" data="seatMap.svg"></object>

<script type="text/javascript">
  'use strict';

  var obj = document.getElementById('map');
  var svgDoc = obj.getSVGDocument();
  var svg = d3.select(svgDoc).select('svg');
  var g = d3.select(svgDoc).select('#seat-map');

  svg.call(d3.zoom()
  .scaleExtent([1, 8])
  .on('zoom', zoomed));

  function zoomed() {
    g.attr('transform', d3.event.transform);
  }
</script>

我已经研究并尝试了很多次,但仍然会遇到错误。 有人知道如何解决吗?谢谢。

0 个答案:

没有答案