raphael缩小网格 - 无限纸张大小

时间:2013-10-05 03:01:01

标签: javascript jquery css raphael zoom

我正在尝试使用Raphael创建一个简单的绘图包。

对于这个例子,我已经定义了一个具有特定尺寸的纸张,其中有一个网格绘制到纸张的边缘。在我的实际应用中,纸张设置为div的大小。

查看小提琴http://jsfiddle.net/davidbe/LhWZ5/

我正在使用raphael.pan-zoom软件包来支持使用滚轮进行缩放并使用鼠标左键进行平移。

page = Raphael(graph_paper, 402, 602);
panZoom = page.panzoom({ initialZoom: 0, 
                        initialPosition: { x: 0, y: 0},
                        maxZoom: 30,
                        minZoom: -10});
panZoom.enable();

当我放大时这很好用,但我遇到的问题是当我缩小以使Raphael纸小于div时,网格线不会延伸到div的边缘。无论我的缩放设置如何,我都想找到一种让网格线始终显示在div边缘的方法。为了做到这一点,我认为我需要在创建纸张时定义更大的纸张尺寸,这样当我缩小时,我仍然会看到原始纸张的一部分。或者,我可能需要更改纸张尺寸作为缩放的一部分。无论哪种方式,我都不希望看到div的x和y滚动条。

另一种看待这种情况的方法是我试图模拟无限的页面大小。关于如何实现这个的任何建议?

0 个答案:

没有答案