我正在尝试使用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滚动条。
另一种看待这种情况的方法是我试图模拟无限的页面大小。关于如何实现这个的任何建议?