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