具体代码图下所示:
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<script src="https://d3js.org/d3.v4.min.js"></script>
</head>
<body>
<div style="top:5px"><button id="reset">还原</button>
<button id="zoomIn">缩小</button>
<button id="zoomOut">放大</button>
<button id="translateX">向右平移</button>
<button id="translateY">向下平移</button>
</div>
<svg width="1000" height="700"></svg>
<script>
let svg = d3.select("svg"),
width = +svg.attr("width"),
height = +svg.attr("height");
let g = svg.append("g");
g.append("text")