要在Angular Material 7中获取拖放元素的x和y坐标，您可以使用Angular CDK的DragDrop模块。以下是一个示例解决方案，其中包含代码示例：

1. 在您的Angular项目中安装Angular CDK和Angular Material：

npm install @angular/cdk
npm install @angular/material

2. 在您的模块中导入DragDropModule：

import { DragDropModule } from '@angular/cdk/drag-drop';

@NgModule({
  imports: [
    DragDropModule
  ]
})
export class YourModule { }

3. 在您的组件中使用DragDrop模块，实现拖放功能，并获取拖动元素的x和y坐标：

import { Component } from '@angular/core';
import { CdkDragEnd } from '@angular/cdk/drag-drop';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  xCoord: number;
  yCoord: number;

  onDragEnded(event: CdkDragEnd) {
    this.xCoord = event.source.getFreeDragPosition().x;
    this.yCoord = event.source.getFreeDragPosition().y;
  }
}

4. 在您的模板中将onDragEnded方法绑定到拖放元素的cdkDragEnded事件：

Draggable Element

X Coordinate: {{ xCoord }}
Y Coordinate: {{ yCoord }}

当您拖动可拖动元素时，onDragEnded方法会被触发，并且xCoord和yCoord变量会被更新为拖动元素的当前x和y坐标。您可以在模板中显示这些坐标以进行测试和验证。