0

我正在尝试使用 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 滚动条。

另一种看待这一点的方法是，我正在尝试模拟无限的页面大小。关于如何实现这一点的任何建议？

4

0 回答 0