So I'm wondering if this http://bokehman.com/do_it_yourself_avatars/ is also possible in nodejs.
Basically I want to make a png out of several other pngs (all the same size) that are just stacked one over each other and then save it on the server.
Can I do that? A short example would be great.
Yes it is possible. A "short example" would not be very helpful in your quest. It is better if you learn how to use to tools.
First you need to familiarize yourself with a module like gm that will help you interface with the imagemagick library : https://github.com/aheckmann/gm
Then you will need to learn how to blend and or compose images together with imagemagick: for example see http://www.imagemagick.org/Usage/compose/#blend
Related
What I have:
different video templates without logo
UI where users will select a template from that list
UI where users can upload their logotype, add mp3 file, text
What should be done:
new generated video based on this configuration.
What I found:
I can use ffmpeg and combine it all. But not sure how to make such animations with logo. Maybe there is existing gui.
I also found https://github.com/inlife/nexrender. But it works with Adobe After Effects and seems like what I need.
Example of result https://www.introbrand.com/logo-opening-mobiles.html
I'm not looking for the ready solution, just a few words - how to go, what to use..
This is absolutely new things for me, so if you could please suggest something or just tell me what's the best way - I'd appreciate this)
From what you described, I would say this is what you are looking for :https://creatomate.com/blog/video-rendering-with-nodejs-and-ffmpeg
I need to dynamically generate images containing a persons photo and various bits of 'status' information. I have some designs from our designer.
Looking at the designs the easiest way (for me) would be to generate that look using the tools I know - HTML, CSS, ReactJs etc.
But how can I essentially 'take a screenshot' (on the server) of what the browser would see and then save that out to a PNG?
Ideally I'd like to do this in nodejs but happy to consider c# or java or other languages if need be.
I know that nodejs will let you run a 'headless browser' for testing but what I want to do is essentially 'take a visual snapshot' of what those browsers 'see' and save to a png?
Keen to write this and run it on our server so looking for suggestions involving how I could code this up rather than an external service, if possible.
Thanks in advance!
How can I give this example a go. I can't seem to find an image to experiment with, that still includes WAListenerAdaptor .
Any links?
The new equivalent in Pharo is ZnZincServerAdaptor startOn: XXXX.
I want too build a web application, and I am looking at the tools I will have to use.
I want to use a real time map
I'm a thinking about :
Tilemill to get .png in order to constitue the background of my maps
or get data from a webite in shp files to build layers for this in mapnik.
Mapnik Build layers with the data I want to add on my map.
Mapnik : Put layers together and generate a map.
TileStache : generate tiles for my application.
Openlayers : Display my map with tiles in a browser.
Once my map is displayed, I'd like to add interactivity. For example when you go over a line or a circle (a town/ an event), then it gives you the attributes of this object.
But the lines and circles will integrated dirctly to the mapnik map, so I need to add some javascript to make it dynamic and open a pop-up. How do I do this ? Using Openlayer javascript libraries or node.js.
What is your advice on the question/the way I want to use theese tools?
Thanks a lot!
I'm in a similar situation, so I don't know the answer, but from what I've been able to figure out I think you're on the right track.
I started off using the Mapbox approach, which simplifies things as long as your data is static. You use Tilemill not only to generate your PNG tiles (once you've used Carto to do some nice styling) but also to import your data sets.
TileMill can export your TileJSON and UTFGrid files with the PNG tiles all packaged up and ready to use. Mapbox will then host all that stuff for you, and you can use their mapbox.js library (an extension of Leaflet) to bring it all together in the browser, with full interactivity. Opening popups would be something you'd do in Javascript in the browser - and if you mean infoWindows (the overlay window that's associated with a map point) then that would be a call to the Leaflet API.
If you're happy to create your layers and import your data offline this approach seems to be really simple and powerful; Mapbox will even render out tiles using multiple layers overlaid - so for example you can see your circles on top of a satellite image, merged into a single PNG.
The problem really comes in when your data needs to be live and you can't therefore prepare it all ahead of time in TileMill. I'm still trying to figure this all out but it does seem as though a combination of TileStache and Mapnik would be able to serve you up the TileJSON, GeoJSON and UTFGrid files you'd need as well as the tiles themselves, in the way you've outlined in the question.
You might also want PostGIS and GeoDjango or similar behind the scenes in order to hold and manage your live data, respectively.
As I said, I'm still trying to actually get my full stack working so I can't vouch for this 100% but if your data is gathered upfront then I'd definitely recommend the TileMill route for simplicity's sake.
I hope that's a help!
I need to render Graphviz DOT graphs in a browser. I also need some interactive functionality such as allowing node names to be hyperlinks.
I have tried using Canviz (Javascript renderer), but it doesn't handle large graphs very well. Many of my links also do not work on large graphs.
graphviz can also render .svg files which can be displayed by webbrowsers and can contain links etc
It's not cheap but mxGraph should do what you need.
Otherwise take a look at this question for some other suggestions.
Do you generate the graphs on the server, or are you looking for a client-side solution? If the graphs are generated server-side, graphviz is able to generate html imagemaps. See the example here http://www.graphviz.org/doc/info/output.html#d:imap.
We build this site with a combination of svg (exported from GraphViz) and javascript+svg for the interaction. The highlighting doesn't work in IE, but interaction still does, using imagemaps also generated from GraphViz. I don't know of any off-the-shelf solution.
Maybe give Cytoscape Web a try. Its parent project, Cytoscape, was built to visualize biological networks, but both generalize to any type of network. Cytoscape Web is a separate project that uses Flash as its engine, but is manipulable client-side through Javascript.
Hermann Stamm-Wilbrandt implemented a fiddler on top of
mdaines's compiled-to-javascript GraphViz implementation.