Giter Site home page Giter Site logo

Import PNG about mondrian HOT 9 OPEN

MagnaMike avatar MagnaMike commented on July 17, 2024
Import PNG

from mondrian.

Comments (9)

Fishrock123 avatar Fishrock123 commented on July 17, 2024

👍

from mondrian.

artursapek avatar artursapek commented on July 17, 2024

SVG does support embedding raster images. It's a good idea.

from mondrian.

MagnaMike avatar MagnaMike commented on July 17, 2024

So it won't be too hard to implement?

from mondrian.

jarek-foksa avatar jarek-foksa commented on July 17, 2024

You could add support for embedding of PNG files via drag & drop with something like this: https://gist.github.com/jarek-foksa/8613003

from mondrian.

MagnaMike avatar MagnaMike commented on July 17, 2024

Thank you, but sorry, how do I use this?

from mondrian.

jarek-foksa avatar jarek-foksa commented on July 17, 2024

@MagnaMike the gist just demonstrates how to use the DOM API in order to implement this functionality, it's not supposed to work out of the box (it's not even CoffeeScript).

from mondrian.

MagnaMike avatar MagnaMike commented on July 17, 2024

Sorry all of this is going over my head, I don't have any real experience to speak of with this kind of stuff. I'll just ask this; is this functionality something you can/will add on in the future?

from mondrian.

Fishrock123 avatar Fishrock123 commented on July 17, 2024

Yes.

from mondrian.

artursapek avatar artursapek commented on July 17, 2024

It could be done with drag & drop, with an upload field, with a url field...

The input isn't as important as the internal representation class that would have to be written for the <image> element. It will have to extend Monsvg like every other SVG element representation class (see the entire src/geometry directory). That's how Mondrian handles all SVG elements.

from mondrian.

Related Issues (20)

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.