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" };
相關文章
相關標籤/搜索