抱歉,这是一个很长的问题.我想在这里修改demo的拖动形状:
http://raphaeljs.com/graffle.html
该演示工作正常.我想要做的是将单词放在形状中,并将形状和文本作为复合单个对象移动.
以下是创建对象的代码:
window.onload = function () {
var dragger = function () {
this.ox = this.type == "rect" ? this.attr("x") : this.attr("cx");
this.oy = this.type == "rect" ? this.attr("y") : this.attr("cy");
this.animate({"fill-opacity": .2}, 500);
},
move = function (dx, dy) {
var att = this.type == "rect" ? {x: this.ox + dx, y: this.oy + dy} : {cx: this.ox + dx, cy: this.oy + dy};
this.attr(att);
for (var i = connections.length; i--;) {
r.connection(connections[i]);
}
r.safari();
},
up …我想让访问者使用点击并拖动来缩放图像:
<html>
<body>
<svg>
<image>
有一个JavaScript库可以帮助我吗？
我注意到Raphael有点击和拖动方法,但我仍然需要编写很多JS来:
我可以做到这一切,但听起来很费时间.我应该使用一个开源脚本吗？其他建议？