<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<script src="https://d3js.org/d3.v3.min.js"></script>
</head>
<body>
<div style="top:5px;z-index:999999;position: fixed;">
<button id="reset">还原</button>
<button id="zoomIn">缩小</button>
<button id="zoomOut">放大</button>
<button id="translateX">向右平移</button>
<button id="translateY">向下平移</button>
</div>
<div>
<svg width="1000" height="700"></svg>
</div>
<script>
let svg = d3.select("svg"),
width = +svg.attr("width"),
height = +svg.attr("height");
let g = svg.append("g
d3v3根据按钮点击进行缩放操作Demo
最新推荐文章于 2023-08-20 17:39:01 发布
本文通过实例演示了如何在D3v3中利用按钮点击事件来触发图形的缩放操作,详细解释了相关代码逻辑和技术要点。
摘要由CSDN通过智能技术生成