I came across an example, but it is not specifically for Angular. I attempted to create a project in angular 6 involving image area selection, but encountered the following error:
.component.ts(64,16): error TS2339: Property 'imgAreaSelect' does not exist on type '"#bee"'.
Does anyone know how to implement this in Angular 6?
Thank you in advance
component.html
<div id="bee">
<img src="/assets/sg-img/documents/test-2.jpg" width="100%;">
<!--- documents-->
</div>
component.ts
ngOnInit() {
{
('#bee').imgAreaSelect({ aspectRatio: '1:1', handles: true });
};
}
.css
/*image area*/
.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
opacity: 0.5;
filter: alpha(opacity=50);
}
.imgareaselect-handle {
background-color: #fff;
border: solid 1px #000;
opacity: 0.5;
filter: alpha(opacity=50);
}
.imgareaselect-outer {
background-color: #000;
opacity: 0.5;
filter: alpha(opacity=50);
}
.imgareaselect-selection {
}