小编Pie*_*ies的帖子

在svg中获取鼠标位置

我有一个像我这样的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)

html javascript css svg web

3
推荐指数
1
解决办法
5931
查看次数

标签 统计

css ×1

html ×1

javascript ×1

svg ×1

web ×1