How can I carry out the functionality of image cut with ExtJS4

[bill_chuang]

Hi,everyone.
Now I want to carry out the image-cut functionality like the pic below:
未命名.jpg
I know that some jquery plugin like 'imgareaselect' can do it,but that only works in the <img> label.
Now I want to do it with ExtJS4 and I hope it to works in the <div> label.
Anyone help me?

[skirtle]

Could you describe what you actually want it to do? Is it just a resizable area with the rest of the element masked out? Are the co-ordinates of the 'cut-image' sent off to a server for processing or are you trying to cut the image client-side?

I don't believe there's anything out-of-the-box to do this but it should be achievable.

[christocracy]

Cutting / Cropping images is beyond the scope of ExtJS. Seems like you need the server-side involved here. Perhaps you send the co-ords of the selected area (top-left/bottom-right) to the server which uses something like ImageMagick.

Or perhaps you use the co-ords to adjust the css-properties of a background image (by interacting with methods of Ext.Element) to *fake* a cut/crop.

Anyway, this functionality is beyond the scope of ExtJS.