Comments (6)
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.
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.
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:
- A plugin xy (not written by me) periodically goes through all the tiddlers and creates snapshots.
- The snapshots are referenced by tiddlers let's say via the
icon
field. - 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.
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.
That's great Felix. Can they only be SVG images, though?
from tw5-tiddlymap.
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)
- Can't delete filter edges HOT 4
- Fullscreen not working properly from embedded map HOT 5
- Where is the section "Vis Configurations"? HOT 4
- Make title fields wider or always show text fields not only on hover HOT 7
- Make download link stable HOT 6
- [BUG] Plugin Deleted all contents of tiddlers HOT 5
- Uncaught TypeError: Cannot read properties of undefined (reading 'fields') HOT 5
- Brave: Strict fingerprinting protection makes tiddlymap unusable HOT 2
- Refresh mechanism HOT 2
- Modernise the UI of the map editor HOT 9
- How to use the live editor in the storyriver with zoom and navigation capabilities HOT 1
- Is it possible to add the live map in halfscreen mode into the leftbar HOT 4
- Error message on local media annotation using mediaplayer plug in when the focus tiddler is active in sidebar HOT 11
- How do I delete multiple nodes at once from the map? HOT 4
- Node popups' dimensions HOT 2
- Feature request: Cascading node group styles HOT 2
- "Global assignment is not allowed within modules on node."
- GLobal assignment problem, different from #447 HOT 5
- plugin fails to load after tiddlywiki upgrade to 5.3 HOT 14
- v5.3.0 all macrocalls are now transcludes; some transcludes use $tiddler HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tw5-tiddlymap.