Coder Social home page Coder Social logo

Comments (6)

felixhayashi avatar felixhayashi commented on May 14, 2024

Sorry @asampal

this is not possible.

Cecily does not produce miniture renderings but a its just the browser zoom. The graph can only contain images, its elements are not dom-elements. Also, there is not such a thing that I can create "screenshots" of tiddlers.

Nonetheless, it will be possible at some point to use images as graph nodes. But this is another milestone.

-Felix

from tw5-tiddlymap.

asampal avatar asampal commented on May 14, 2024

Felix, wrt Cecily I was just giving it as an example where you can see miniature or thumbnail tiddlers. The actual method for producing these would be by using something like html2canvas. This lib can take a document or div, say, and renders it to a canvas at 1:1 size. This can be resized using drawImage as shown here.

Another similar library is rasterizerHTML.js.

from tw5-tiddlymap.

felixhayashi avatar felixhayashi commented on May 14, 2024

Hi @asampal,

thanks for the links. Still, to include this functionality is too special for this plugin (not saying this isn't a nice idea, it's just to special to be supported)

Here is how I envision such a case in the future:

  1. A plugin xy (not written by me) periodically goes through all the tiddlers and creates snapshots.
  2. The snapshots are referenced by tiddlers let's say via the icon field.
  3. When drawing a graph, TiddlyMap looks at the icon field of a tiddler and uses this image to render the node.

My job is to ensure the last point. And as said above, I will work on that at a given point in time for sure.

-Felix

from tw5-tiddlymap.

felixhayashi avatar felixhayashi commented on May 14, 2024

Hi @asampal,

I you look at the examples at the demo site, the graph now uses images specified in the tiddler's icon field.

-Felix

from tw5-tiddlymap.

asampal avatar asampal commented on May 14, 2024

That's great Felix. Can they only be SVG images, though?

from tw5-tiddlymap.

felixhayashi avatar felixhayashi commented on May 14, 2024

Hi @asampal,

No, I recently added support for all image mime types. So it can also be png. But only local images (stored in tw) are displayed and I cannot scale the image size in the graph, so you need scale it to the right size before adding it as icon.

-Felix

from tw5-tiddlymap.

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.