Cropping Images with JavaScript

Learning from a technology you don't already understand, while receiving an immediate benefit, is one of my driving reasons for creating content. In this two part series, I dig into the depths of understanding the JavaScript mechanisms natively available to FileMaker developers and learners.

This first video focuses on the implementation of an internal cropping tool which uses a web viewer to provide the interaction and actual cropping. The demo file and video show you how to implement the JS libraries required and how to use the technology available.

Understanding how to crop, and also the distinction of what you want to crop versus what you need to crop, is an important step for some high impact database systems which may use larger sized images. If you're looking for a better understanding of JavaScript and also how to crop and image directly within FileMaker then I'm sure these videos will cover what you need to know.

AttachmentSize
CroppingImagesWithJavascript.zip2.99 MB

Comments

Thank you for this very enlightening presentation.

To implement your solution into my project I'm very interested in your tool to paste the entire js into a variable. Any chance you will be releasing it?

I find it easier to export the js library to the FileMaker temp folder and retain a reference of the file location in the database. Inside the script I just refer to the script location, using the script tag, similar to a regular HTML page. This makes it cleaner to read the script and does not involve any amount of unnecessary js code stored in variables.

I found the 2-part tutorial very helpful
Thanks

Hey Matt-

Great Video.. I am trying to use another library but it is well over 30k lines... Can you please share how you were able to get the code in the solution?? This would be huge..

Thanks,
JP

Is there a way to get this to work on a windows computer? The sample file only works on Mac..

Hi Matt
Could you make this work on Windows please.