Skip to content

README.md

Latest commit

 

History

History
40 lines (35 loc) · 1.05 KB

README.md

File metadata and controls

40 lines (35 loc) · 1.05 KB

ImageDragAndDropper Plugin

This plugin allow to drag and drop images to the canvas.

First, add a container to the canvas and another one which will include all your images.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Svg widget editor</title>
        <link rel="stylesheet" href="style.css">
        <script src="lib/utils.js"></script>
        <script src="assets/fabric.min.js"></script>
        <script data-main="lib/init" src="assets/require.js"></script>
    </head>
    <body>
        <body>
        <div id="my-image-container-id">
          <img src="assets/svg/cat.svg" width="50">
          <img src="assets/svg/dog.png" width="50">
        </div>
        <div id="my-canvas-container-id">
          <canvas id="canvas" width="300" height="300"></canvas>
        </div>
    </body>
</html>

Finally you need to configure the plugin by updating your configuration object:

...
'image_drag_and_drop': {
    'enable': true,
    'image_container_id': 'my-image-container-id'
},