Kendo UI图，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

找到了一种获得所需行为的方法。这里是dojo 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();
                },