拉斐尔缩放视图 - 添加滚动条

Question

我使用setViewBox（）技术实现了Raphael的放大。当我保持缩放时，视图框变得比纸质画布大小更大，并且图表上的元素不再可见。有没有办法在纸张周围添加滚动条，以便当元素离开视图时，用户可以使用滚动条查看已超出视图的图表部分。

谢谢， 迪克西特

Answer 1

查看 DEMO 并告诉我它是否符合您的要求，或者根据它给我评论。

var p = Raphael("canvas");
var c = p.circle(150,150,80).attr({fill:'yellow'});

var cx = 300;
var cy = 300;

$('#zi').click(function() {
    cx *= 1.5;
    cy *= 1.5;
    p.setViewBox(0, 0, cx, cy, true);
});

$('#zo').click(function() {
    cx /= 1.5;
    cy /= 1.5;
    p.setViewBox(0, 0, cx, cy, true);
});