all you need to do is get the data and pass it to your image processor class. *file mtvCrop,js is part MultiTV and automatic load in back-end. not use in front-end. prepare multitv and config
if you have already installed and configured multitv and the necessary configuration files, then proceed to creating a snippet create tv 'goods_images', type: multitv description of the structure (can be skipped)
in back-end on page edit image (in TV goods_images). after that image`s info saved in site_tmplvar_contentvalues like this:
{"fieldValue":[ {"fieldTab":"", "image":"assets/images/img1.jpg", "img16x9":"x:12,y:108,width:967,height:543", "img4x3":"x:4,y:108,width:967,height:725", "img1x1":"x:5,y:106,width:967,height:967", "img2x3":"x:65,y:33,width:826,height:1239", "id":"img1" } ]}
in front-end template call [!getImage? &ratio=img16x9!] [!getImage? &ratio=img4x3!]