H3bpm 移动端流程图没法缩放的问题

1.问题描述

移动端 流程图手势缩放 箭头变形 实际是svg变形

2.解决方案、

1.注释 portal-web\src\main\webapp\Portal\WFRes\_Scripts\designer\MobileLoader.js下的代码 容许缩放
        //var zoomMin = $(workflow.outerContainer).width() / $(workflow.workspace).outerWidth();
        //if (zoomMin > 1) {
        //    zoomMin = 1;
        //}
        //window.workflowScroll = new IScroll($(workflow.outerContainer).get(0),
        //        {
        //            zoom: true,
        //            zoomMin: zoomMin,
        //            zoomMax: 1,
        //            scrollX: true,
        //            scrollY: false
        //        });
        //window.workflowScroll.on("refresh", function () {
        //    $(workflow.outerContainer).height(window.workflowScroll.scale * $(workflow.workspace).outerHeight());
        //    if (window.instanceScroll) {
        //        window.instanceScroll.refresh();
        //    }
        //})
        //window.workflowScroll.zoom(zoomMin);

        //window.instanceScroll = new IScroll("#divInstanceState",
        //        {
        //            scrollX: false,
        //            scrollY: true
        //        });

        //setTimeout(function () {
        //    window.instanceScroll.refresh();
        //}, 200)
        
      2.portal-web\src\main\webapp\Portal\Mobile\form\templates\instanceState.html   设置滑动 并设置高度
      
        <ion-view view-title="{{names.State}}" hide-nav-bar="{{$root.dingMobile.isDingMobile}}" class="instanceState">
        <ion-nav-bar class="bar">
            <ion-nav-buttons side="left">
                <button class="button button-icon button-clear ion-ios-arrow-left" ng-click="closePage()">
                    {{names.Back}}
                </button>
            </ion-nav-buttons>
        </ion-nav-bar>
        <ion-content>
            <ion-scroll direction="xy" zooming="true" ng-style="scrollHeight">
                <div class="workspace" id="workspace"></div>
            </ion-scroll>
        </ion-content>
        </ion-view>
                
        3.portal-web\src\main\webapp\Portal\Mobile\form\formControllers.js
                //保证上下滑动
            if (document.body.scrollHeight)
                $scope.scrollHeight = { 'height': document.body.scrollHeight + "px" };
相关文章
相关标签/搜索