Canvas 如何在缩放画布阶段时进行滚动

我正在使用KineticJs库在画布上开发一个设计器工具。 一切正常，除了当我按下“放大/缩小”并将舞台上的缩放设置为2倍时，我需要垂直和水平滚动条。

---

我已经尝试过给舞台本身和容器提供css溢出，但都不起作用。我怎么能做到呢

你在正确的轨道上

使舞台画布大于包含舞台的div。然后在容器上设置溢出：隐藏

如果您希望允许滚动条平移，则您的舞台必须大于包含的视口，否则您将“用完画布”

var阶段=新的动力学阶段({
容器：'容器'，
宽度：740，
身高：463
});
var layer=新的动能层（）；
阶段。添加（层）；
var image=新图像（）；
image.onload=函数（）{
var kImg=新的动力学图像({
图像：图像，
id:99，
x:0,，
y:0，
宽度：740，
身高：463，
可拖动：错误
});
层。添加（kImg）；
layer.draw（）；
}
image.src=”http://www.mrwallpaper.com/wallpapers/Colorful-New-York-City.jpg";
#包装器{
溢出：滚动；
宽度：300px；
高度：350px；
边框：2件纯蓝；
}

你好，马克！谢谢你的回答。不幸的是，对我来说，这不是一个解决办法。我有一个464x650px的画布，用于设计A4标签页，下面是url:。我在右边有一个缩放工具，它将“舞台比例”属性设置为2。进行此操作时，A4的第一个四分之一将可见，但其余部分不可见。这就是我需要滚动的原因。理论上我想我需要把它放在画布里。我错了吗？如果我选择了你的解决方案，那么我需要使用4倍大的舞台（2倍宽和2倍高），并将画布容器的溢出设置为隐藏。然后，当我按下缩放按钮时，我需要将舞台比例设置为2，并将容器溢出设置为滚动。我想那会管用的，但有一件事让我大吃一惊：当我被要求做多级缩放时，事情会变得更复杂。