我正在尝试调整图片大小,但是在鼠标抬起时,图片只是移动到新位置而不调整大小。
<img id=image1
ngDraggable
mwlResizable
[enableGhostResize]="true"
[resizeEdges]="{bottom: true, right: true, top: true, left: true}"
(resizeEnd)="onResizeEnd($event)"
src="{{user.picture}}">
Run Code Online (Sandbox Code Playgroud)
组件.ts:
import { ResizeEvent } from "angular-resizable-element";
export class Component{
onResizeEnd(event: ResizeEvent): void {
console.log('Element was resized', event);
}
}
Run Code Online (Sandbox Code Playgroud)
应用模块:
...
import {ResizableModule} from "angular-resizable-element";
@NgModule({
declarations: [
AppComponent,
MainComponent
],
imports: [
BrowserModule,
HttpClientModule,
AngularDraggableModule,
ResizableModule
],
providers: [GetJsonService],
bootstrap: [AppComponent]
})
export class AppModule { }
Run Code Online (Sandbox Code Playgroud)
我按照书做了一切