Raphael在IE9及以上版本的IE中对于path的拖动表现不正常

发布于 2022-09-07 23:19:26 字数 1118 浏览 13 评论 0

Raphael使用path修改箭头的位置,在IE8正常,但是在IE9及以上无法移动,打开f12查看位置属性已经修改,但是视图上面没有移动

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div onclick="change()">dianwo </div>
    <div id="paper"></div>
    <script src="../js/raphael-min.js"></script>
    <script>
        var paper = new Raphael(document.getElementById("paper"), (window.screen.width - 350), 500);
        var path = paper.path("M  " + 20 + " " + 20 + " L " + 80 + " " + 80 + "").attr({
            "stroke": "#000",
            "fill": "#000",
            "stroke-width": 2,
            "arrow-end": 'classic-wide-long'
        });

        function change() {
            path.attr({
               "path": "M  " + 50 + " " + 20 + " L " + 110 + " " + 80 + ""
            });
        }
    </script>
</body>

</html>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文