javascript - 使用 View 框时在 Raphael.js 中拖放一组路径

标签 javascript drag-and-drop raphael viewbox

我有一个关于使用 Raphaël 2.1.1 进行拖放的问题。当我使用可用代码时,我能够成功地拖动路径 here .

但是,当我添加 View 框方法时,拖放功能无法正常工作。我觉得解决方案是在转换中对其进行补偿,但我是使用 SVG 的新手,不知道要调整什么。

在我的代码中,我的论文的起始参数是 800 X 800。当我使用 View 框时,我使用参数 1200 X 1200。

最佳答案

我想通了。您需要通过增加 viewbox 的比例来补偿您的 dx 和 dy 值。

对于 800 X 800 的纸张,如果您使用的是 1200 X 1200 的视框,则将 move 方法中的 dx 和 dy 值乘以 1.5。仅此而已。

一旦你知道怎么做,一切都很容易。

关于javascript - 使用 View 框时在 Raphael.js 中拖放一组路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15495919/

相关文章:

javascript - Google map API(使用 gmapsjs),setCenter 抛出 "undefined is not a function"?

javascript - 使用 Raphael JS 拖放 SVG

user-interface - 使用 Raphael.js 绘制 ui 元素

php - 将 php 变量传递给 js

javascript - 将信息从 WCF 发送到 JavaScript

javascript - 为什么执行两次?

wpf - 为什么拖放会阻止 UIElement.IsMouseOver 正确返回?

canvas - Raphael js使用canvas还是svg?

javascript - 如何在 jQuery 中设置表格中文本输入的值?