Home/ Questions/Q 6575733
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T15:25:26+00:00

I want to let visitors scale the image using click-and-drag: <html> <body> <svg> <image>

  • 0

I want to let visitors scale the image using click-and-drag:

<html>
    <body>
        <svg>
            <image>

Is there a JavaScript library that will help me?

I notice Raphael has click and drag methods but I will still have to write a lot of JS to:

  1. Find the corners of the image
  2. Make the area near the corners selectable
  3. Draw icons for the corners so it’s obvious they are selectable
  4. Add click, drag and drop to the corners
  5. Update the dimensions of the image

I could do all that but it sounds time-consuming. Is there an open-source script I should use? Other suggestions?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I found this solution at this post:
    Draggables and Resizables in SVG.

    In the answer, you can find a jsfiddle link: http://jsfiddle.net/tmkfs/. You can resize the box by clicking and dragging the corner of the box. Hope this code could help you.

    • 0