Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!
  • Guest, before posting your code please take these rules into consideration:
    • It is required to use our BBCode feature to display your code. While within the editor click < / > or >_ and place your code within the BB Code prompt. This helps others with finding a solution by making it easier to read and easier to copy.
    • You can also use markdown to share your code. When using markdown your code will be automatically converted to BBCode. For help with markdown check out the markdown guide.
    • Don't share a wall of code. All we want is the problem area, the code related to your issue.


    To learn more about how to use our BBCode feature, please click here.

    Thank you, Code Forum.

HTML & CSS Absolute position of image within image tag (JS)

kiwis

Coder
Pretty much as the subject says. I've got a image tag, it's inside a DIV which is set to a specific size.

I want to then fit my image object as best I can.

I've used object-fit: cover and object position but I'm wondering if there's a script HTML/CSS and or JavaScript which would enable me to drag the image round in my IMG tag and place it on specific co-ordinates?

Using JS I could then update a local DB with these details.

Also can you zoom in and out? using CSS scale perhaps?
 
Back
Top Bottom