如何连续地将拉斐尔画布(包含一些对象)从一个坐标移动到另一个坐标再到其他坐标
How to move a Raphael canvas wholly (which contains some objects) from one coordinate to another coordinate to some other coordinate continuously
我在这里创建了拉斐尔的内容.. http://jsfiddle.net/ryWH3/76/
现在我需要将拉斐尔画布的全部内容从一个协调到另一个坐标。
例如:
我的拉斐尔画布在 -- x_coordinate:100,y_coordinate:100
现在我想把它移到 -- x: 200, y :200
从旧的坐标,我想将整个内容移动到 -- x:150, y:150
再次到最后一个坐标中的其他一些坐标
请建议我移动此内容
好吧,
我认为您实际上无法将论文本身更多,这是 Raphael 返回给您的 r 变量的内容。您可以遍历元素并对它们执行任何您喜欢的操作:
r.forEach(function (el) {
el.translate(200,200);
});
我更新了你的小提琴来演示它的移动:
更新的小提琴
编辑
我还添加了以下内容来演示如何对各种设置进行动画处理:
Text.animate({transform: "t100,100"}, 1000);
smallCircles.animate({transform: "t100,100"}, 1000);
bigCircles.animate({transform: "t100,100"}, 1000);
使用上述动画更新了小提琴
例如使用jquery...
$(paper.canvas).css({top:topPosition, left: leftPosition});
paper.canvas 是你如何掌握其中的 dom 元素。
相关文章:
- 使用地理坐标,对更靠近用户的对象进行排序'的位置
- 以编程方式将fabric-js-canvas的图像替换为hq图像,并重新计算其他对象的坐标和大小
- KineticJS更改对象的坐标
- 如何使用本地坐标旋转对象
- ThreeJS光线投射器关闭,相机和对象坐标大于1000000
- 如何按度数更改对象的 x 和 y 坐标
- 三.js获取具有给定世界方向坐标的场景矢量的对象相对局部方向
- Photoshop 脚本:智能对象的坐标
- 如何连续地将拉斐尔画布(包含一些对象)从一个坐标移动到另一个坐标再到其他坐标
- 如何将 SVG 对象的 X Y 坐标的中心转到平面的中心
- jQuery UI:Y 鼠标在放置可拖动对象时坐标错误
- 如何使用矢量作为坐标在画布上绘制对象
- 如何从点(X 和 Y 坐标)创建范围对象
- 使用THRE.js通过坐标自定义三维对象
- 如何在JavaScript中使坐标对象动态
- 创建一个Javascript对象来容纳用户'的地理位置坐标
- 如何使用fabric js中的image.centerObject()将对象居中后获得图像坐标
- 使用谷歌地图坐标连接两个对象数组
- 如何在Javascript的onclick函数中放置x和y坐标对象中的动画
- 在数组中设置多个谷歌地图坐标对象