Question

好吧，我一直在搜索如何用光标调整窗口大小，但我没有太大的成功。

我的想法是调整html页面内的窗口大小，并能够四处移动。猜猜这需要一些css经验。

有人可以帮助我吗？谢谢！

Answer 1

对于描述，我猜您正在尝试调整div或其他内容的大小，以便您可以使用转换：

https://css-tricks.com/snippets/css/scale-on-hover-with-webkit-transition/

尝试使用此拖放功能：

http://ngmodules.org/modules/ngDraggable（Example）

要使用draggable，请使用如下指令：

1）在索引中包含库：

<script src="ngDraggable.js"></script>

2）在模块定义中注入ngDraggable：

angular.module('myApp', ['... , ngDraggable']);

3）使用ng-drag

附加您的html标签

<div ng-drag="true" ng-drag-data="{obj}" ng-center-anchor="true"
    ng-drag-success="onDragComplete($data,$event)">
  Draggable div
</div>

当拖动完成时，ng-drag-success是你的功能。

所以，你可以根据你的html中的div来制作一些框，并附加一些＆＃34;调整大小点＆＃34;在可以拖动项目的角落然后在你的成功回调（onDragComplete）上修改你的＆＃34;窗口的样式＆＃34;改变它的大小。

要完成调整大小，您可以使用ng-style并更改＆＃34;窗口的宽度和高度＆＃34;。

HTML：

<!-- Your resizable window -->
<div ng-style="changingStyle">

控制器：

$scope.changingStyle = {}
$scope.onDragComplete = function(data, event){
   ...
   // Here you pass some params to change the size as you want
   changeWinSize(someOperationToResize);
   ...
}

var changeWinSize = function (params){
     $scope.changingStyle = {height: params.height, width: params.width }
}

请提供有关您的问题的更多信息。

如何使用angularjs

1 个答案: