Coder Social home page Coder Social logo

Comments (9)

rsimon avatar rsimon commented on June 15, 2024

Q: how to represent a point selection in the W3C model?

  • Media Fragment selectors strictly require xywh syntax. Possibly, we could use something like xywh=pixel:273,171,0,0?
  • SVG doesn't have a point element. Perhaps it could be represented by a (zero-radius) circle? Or, better, a <path> with a single point, e.g. <path d="M10 10"/>

from annotorious-v2-selector-pack.

rsimon avatar rsimon commented on June 15, 2024

On second thought... this might be better as an addition to the selector pack

from annotorious-v2-selector-pack.

manfwh avatar manfwh commented on June 15, 2024

Any progress on this?

from annotorious-v2-selector-pack.

rsimon avatar rsimon commented on June 15, 2024

Nothing has happened yet, I'm afraid. (There are a few minor tweaks needed inside Annotorious to make the point selection tool/icon work properly across zoom levels in responsive mode, and on OpenSeadragon.) I can't give a firm arrival date for this yet, but it's definitely coming... in the next month or so, fingers crossed.

from annotorious-v2-selector-pack.

rsimon avatar rsimon commented on June 15, 2024

Point annotation tool is now available! 🎉 Make sure to use it only with a recent release of Annotorious (v2.6.0+)

from annotorious-v2-selector-pack.

sinamcr7 avatar sinamcr7 commented on June 15, 2024

hi, I'm using point tool and it just don't scale correctly when I change zoom lv unlike other tools, any fix for it?
also I need to change its style a bit to show whats behind it when I select it, is there any way to do this?

from annotorious-v2-selector-pack.

rsimon avatar rsimon commented on June 15, 2024

The point annotation tool uses constant-size markers. They are supposed to keep the same size, regardless of the current scale. If you are looking for a circle that zooms along with the image, you are probably looking for the circle tool.

Both tools (point and circle) are rendered as SVG circle elements, and you can change their styles via CSS, in a very similar way than the built-in rectangle and polygon tools. Documentation for rectangle and polygon is here:

https://recogito.github.io/guides/customizing-styles/

Hope this helps!

from annotorious-v2-selector-pack.

akasaurabhverma avatar akasaurabhverma commented on June 15, 2024

@rsimon I cannot find any point/circle tool. Can you please help me.

from annotorious-v2-selector-pack.

rsimon avatar rsimon commented on June 15, 2024

Did you install the selector pack plugin properly? What does anno.listDrawingTools() say?

from annotorious-v2-selector-pack.

Related Issues (18)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.