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" };