我有一个像我这样的hv加载的svg(这是我的地图)
<div id="map1">
<object id="map" onmousedown="on_mouse_move(onmousemove)" type="image/svg+xml" data="map.svg" style="width: 1400px; height: 700px; border:1px solid black; ">Your browser does not support SVG
</object>
</div>
Run Code Online (Sandbox Code Playgroud)
当我点击并将鼠标移到我的地图上时,我想知道鼠标的位置.
当我点击并移动地图时,我想要移动一个圆圈.
到目前为止,这是我的代码
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="svg-pan-zoom.js"></script>
<script src="control-icons.js"></script>
<script src="raphael-min.js"></script>
<script>
// Don't use window.onLoad like this in production, because it can only listen to one function.
// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0
// Main function to retrieve mouse x-y pos.s
function on_mouse_move(evt) …Run Code Online (Sandbox Code Playgroud)