javascript - 拉斐尔变焦看不见 - 添加滚动条

Question

我已经使用 setViewBox() 技术在 Raphael 中实现了缩放。当我继续缩放时，视图框变得大于纸画布大小，并且图表上的元素不再可见。有没有办法在纸张周围添加滚动条，以便当元素看不见时，用户可以使用滚动条查看已经看不见的图表部分。

谢谢， 狗屎

Answer 1

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

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