小编pgu*_*sor的帖子

通过 CSS 属性“transform: scale(0.5)”进行缩放的 Angular CDK 拖放无法按预期工作

通过 CSS 属性“transform: scale(0.5)”进行缩放的 Angular CDK 拖放无法按预期工作。

如果外部 DIV 由 CSS 属性“transform: scale(0.5)”缩放,则拖动不会与鼠标指针正确对齐。只要比例不等于 1,就会发生这种情况。

这里有一个例子:https : //stackblitz.com/edit/angular-2q1mte

我知道这篇文章拖放缩放无法按预期工作,因此

“@Input('cdkDragConstrainPosition') constrainPosition: (point: Point, dragRef: DragRef) => Point”.
Run Code Online (Sandbox Code Playgroud)

但是如何编写自定义逻辑以使用指针正确映射拖动?或者是否有任何其他解决方案可以提供缩放功能但保持拖动与鼠标指针正确对齐?

任何帮助表示赞赏

drag-and-drop angular9

5
推荐指数
1
解决办法
1022
查看次数

标签 统计

angular9 ×1

drag-and-drop ×1