raphael

0热度

1回答

我有一个项目使用Raphael绘制和动画路径。该项目旨在具有多个具有相似路径的div，并具有在鼠标悬停时触发的动画。目前，divs正常填充，但动画只发生在最后创建的div上。我该如何让脚本区分不同的div来动画它们？示例HTML： <div id="box" class="con1"></div> <div id="box" class="con2"></div> 范例CSS： #box

0热度

1回答

圣拉斐尔拖动克隆onDragOver

目前我通过在dragMove功能在dragStart功能使用element.clone()和移动克隆拖动可拖动圣拉斐尔元件的克隆（在dragStop函数移除）。这对可拖动元素的onDragOver函数产生了一个问题，因为大多数情况下克隆抛出相应事件而不是目标事件。一些代码： dragStart = function() { var s = this, c = s.clone();

0热度

1回答

元素更新时更新文字属性

这是我正在看。我有一个文本元素： var label = paper.text(100, 100, "Test String").attr({some attrs}); 看来，我想它，一切都很好。当我稍后更新文本属性时会出现问题。 label.attr({text: "My new label text"}); 当我这样做时，文本元素在正y方向上移动一小部分，所以向下移动。当我检查变更前

0热度

1回答

将不同的路径应用于不同的路径，其中每条路径都在raphael.js集内

这里我有一个JS Fiddle，它解释了我在使用raphael.js时所做的。我是拉菲尔新手，拥有1周体验。我真的很喜欢它的力量。但是，我总是倾向于在早期阶段以一种简单的方式做事，以避免后来的混乱。现在，解决问题。正如你所看到的那样，有黑色中风和红色中风的立方体。立方体（六角形或任何你称之为）有三个可见面。当我徘徊在他们身上时，我希望他们填补一些颜色。我希望所有三面都有不同的颜色。我也将在悬停时添

0热度

2回答

SVG和响应问题

我有这个主页的问题 - >http://novustest.altervista.org/ 在地图上的大屏幕显示正确，但我想让它更加灵活，我想，地图自动调整，如果我减少我的窗口浏览器。我怎样才能做到这一点？这是我的代码，它非常简单。我只有一个html页面和2个js文件。这是我的HTML页面： !DOCTYPE html> <style> .italy{ width: 100%;

0热度

1回答

Raphael JS清扫时钟

使用Raphael JS我想要持续清扫时钟。我有种得到它的实施，但有一个问题。动画的变换不断需要一个增加的整数来旋转。最终我会打一个最大整数。如果我使用0,90,180,270。当它再次达到0时，它会以另一种方式返回。 CodePen - > http://codepen.io/ianw92/pen/yNLdZz 的Javascript： var svg = Raphael("contain

2热度

2回答

使用拉斐尔拉伸拉伸，在数据库中存储坐标，检索坐标重新绘制形状

对于长标题感到抱歉，但它几乎把我的问题简单地说。我使用下面的当前绘制一个矩形： for (var i = 0; i <= fixedrow; i++) { for (var j = 0; j <= fixedcolumn; j++) { var offseti = i; //An offset was needed to ensure each newly

2热度

1回答

循环动画

这是拉斐尔JS的JavaScript库一个简单的动画。该函数绘制一个字段，然后熄灭粉红色矩形的对象。当你点击“灰色”按钮时，粉红色的矩形开始水平移动。粉红色的矩形移动，一旦达到它的指定位置，它就会停止。我需要帮助的是： 1：使粉红色长方形回归到它的起始位置。 2：循环动画这样的粉红色矩形往返。我试图通过增加来解决这个“X：0”，之后的“X：-1”，但没有成功。正如你所看到的，我也将重复设置

0热度

2回答

RaphaelJS：如何在另一个元素动画完成后动画元素？

我想在上一个元素完成动画之后为元素制作动画。现在我的代码是这样的： var canvas = Raphael(0, 0, 1000, 1000); var boxWidth = 80; var boxHeight = 30; var rectangles = canvas.set(); rectangles.push(canvas.rect(460, 30,

1热度

1回答

以编程方式访问Raphael路径

我正在绘制raphael路径并使用“eye.node.id”为其分配ID。我试图让id有问题地改变颜色使用： `var selectedBodyPart = p.getById(1001); selectedBodyPart.attr('fill', 'blue');` 但它不起作用。我的小提琴是： http://jsfiddle.net/RaoBurugula/okgdt