Kendo UI Diagram，SVG滚动条和高度问题

Question

嗨试图使用kendo图和实现代码是在dojo https://dojo.telerik.com/IriSAmoR/8。使用鼠标缩放图像时，图像隐藏在顶部/底部，无法查看完整图像。如果两侧的滚动看到图像，它的罚款。在缩放时附加图像。

让我知道如何查看完整图像？谢谢

Answer 1

缩放和取消缩放功能（我假设你是鼠标悬停和拇指滚轮滚动）是一个以鼠标位置为中心的仿射变换。您可以添加一个用于重置图表的按钮。

看到这个Dojo，它有

<input id="reset" type="button" value="reset" class="k-button">

和

    $(document).ready(function(){
      createDiagram();
      $("#reset").kendoButton({
        click: function() {
          var diagram = $("#diagram").getKendoDiagram();          
            diagram.bringIntoView(diagram.shapes);
        },
      });
    });

Answer 2

找到了一种方法来获得我需要的预期行为。还有道场https://dojo.telerik.com/IriSAmoR/11。

以下代码是修复程序。

                 zoomRate: 0,
                dataBound: function () {
                    var bbox = this.boundingBox();
                    this.wrapper.width(bbox.width + bbox.x + 50);
                    this.wrapper.height(bbox.height + bbox.y + 50);
                    this.resize();
                },