canvas - 使用 raphael.js 直接进行 Canvas 平移

标签 canvas svg sencha-touch raphael

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

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(); 

我寄回去,这样它就不会弄乱其他对象了
动画(拖动....)
它有效,但我仍然需要知道是否有可能并更好地点击/
触摸 Canvas 而不是矩形

最佳答案

我推荐用于平移和缩放的 tihs 库,对我来说非常有用。

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

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

关于canvas - 使用 raphael.js 直接进行 Canvas 平移,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7662641/

相关文章:

javascript - 如何在 Adob​​e Animate CC 中使用舞台宽度和高度(Canvas 文档)

HTML5 Canvas 剪辑与上一个剪辑重叠

javascript - 在 sencha touch 中使用按钮导航

qt - qt 5.15 静态构建中的 QML Svg,使用 CMake

javascript - 带有 SVG <g> 元素的主干 View 无法正确渲染

templates - NestedList 中的动态项模板

javascript - 旋转 HTML5 Canvas 速度慢?

javascript - 用于 Web 应用程序的 Canvas 与 CSS3

html - 我如何增加这个 SVG 的大小?