Creating irregular crop window on image using Javascript
Look at the project structure below, I have only one image under asset folder for testing, under 'libs' folder I have d3 library and numeric library I am using d3 library to make the crop window and other transition effects and numeric library to calculate positions So lets look at the code... index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Image Crop</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <div id="background" class="o_image"> <img src="./assets/bill.png" alt="bill" /> ...