使用 raphael.js 直接进行画布平移

Posted

技术标签:

【中文标题】使用 raphael.js 直接进行画布平移【英文标题】:direct canvas panning with raphael.js 【发布时间】:2011-10-05 14:10:04 【问题描述】:

我正在尝试做一个应用程序,当你点击图形外部时,它会让你 使用 setviewbox() 平移视口; 我做了一些接近它的事情,但我对它不满意,我很 使用矩形:

canvas = new Raphael(0,0,canvas_size, canvas_size); 
 var rectan = paper.rect(0,0,canvas_size,canvas_size); 
using .drag(move,dragger,up); 
and in the function of move 
var bboxx=this.getBBox(false) 
paper.setViewBox(bboxx.x,bboxx.y,canvas_size,canvas_size,true); 
                        this.toBack(); 

我发回去,所以它不能与其他对象混淆 动画(拖动....) 它有效,但我仍然需要知道是否有可能并更好地点击/ 触摸画布而不是矩形

【问题讨论】:

看OP的回答,不接受一个:***.com/questions/4157590/… 【参考方案1】:

我推荐用于平移和缩放的 tihs 库,非常适合我。

https://github.com/andrewseddon/raphael-zpd

那么如果您只想在单击形状外部时进行平移,则只需在单击任何形状时阻止或停止事件。

【讨论】:

以上是关于使用 raphael.js 直接进行画布平移的主要内容,如果未能解决你的问题,请参考以下文章

强大的svg操作库——Raphael

如何使用 Raphael.js 绘制“透明笔画”

Raphael.js--基础1

Raphael js - 绘制没有交叉点的路径

Raphael.js 获取旋转后集合中单个元素的位置

Android UICanvas 画布 ⑨ ( Canvas 绘图坐标系平移实例 )