moerphy / dizzy.js Goto Github PK
View Code? Open in Web Editor NEWPrezi-like Presentations without Flash, using SVG and Javascript
Home Page: dizzy.metafnord.org
License: MIT License
Prezi-like Presentations without Flash, using SVG and Javascript
Home Page: dizzy.metafnord.org
License: MIT License
Images are invisible but are still movable, scalable, etc.. and reappear when saving xD
How can I delete a path that I created?
Hi,
Playing with the editor on FF3.6/linux, not sure if its an issue with the browser, me or dizzy.
I wanted to change the color of a text, clicked on it, have on the > the "chose color for this group", but when I click on it, nothing happens.
I couldn't either use the add a group feature.
on the main menu, couldn't select the arrow, line, bracket ellipse or formula.
On the presentation path, I haven't found how to select the "zoom" of each step. I was trying to have several images/words visible instead of systematically zooming to a single element until it takes the full width.
General suggestions:
I would like to be able to define for each element one or several css class and an id (or that the path number is an id, eg step-1), so setting the font family and font-color can be done directly in the css (and would make it easier to have a coherent style). Pretzi is offering 3 classes (Title 1 Title 2 and body), probably good enough to offer a handful.
I'd like that changing slide/step is a jquery event, so I can trap it to alter further the presentation, eg:
Otherwise, really impressed by what can be done now on svg, that's really smooth, well done.
X+
It would be great to develop pathing and presentation like in Sozi (http://sozi.baierouge.fr) : an Inkscape extension (to emulate prezi.com) which creates presentation as pure svg files. The user can display the presentation on browsers (even offline) and control it using the mouse and keyboard.
in the next few days I'll check the feasibility and, if possible, start to write down something.
Any advice, help or idea will be appreciated :]
The key feature (imho) to tools like these is smart zooming - creating elements is of course just as important, but could be done in SVG editors like Inkscape if needed.
What I'd envision:
When focussing, I need the item to zoom in to 90% of the current screen size. I don't know if this can be done with SVG: presentations don't seem to scale?
groups/frames are the key elements in presentations. Currently, frames are visible blocks; I'd like 'invisible' or transparent frames as well (I assume the current way to accomplish this is making a frame with same border and inside colour as the background, and putting it on the background).
When the presentation canvas has a color other than white the page background appears as white area under the canvas in fullscreen.
Steps to reproduce:
Saving a SVG that contains an image does not work in Chrome.
Neither inlined nor linked images are visible. This is probably a namespace issue.
Using F11 (or actually any of the function keys) to maximize the screen in Firefox 3.6.23 on 64BIT Linux in Gnome causes an rectangle with a bitchar to appear in the editor.
using XAMPP as Server on Linux (Mint - Ubuntu) zebra is not visible but usable anyway:
Firebug inspection on the css of the zebra reveals "Failed to load given URL" url("../img/zebra-background.svg")
Using python SimpleHTTPServer it's ok.
Using the same version of XAMPP on Windows it's ok.
Ok, I'm not very experienced, so it's easy I'm making something wrong, but:
1)
I simply deploy your dev package with ANT (and the build goes successfull)
2)
- When I open the index.html file with Chromium or Opera it simply shows the loading gif for ever
- When I open it with Firefox i can just see "Default text" on the canvas
In both cases I get several errors in the browser console.
Saving files including images with FF 3.6 is causing Browser hangups
Saving with FF4 is not possible
I don't really know how to open a new svg file, so for the moment I thought to just replace the blank.svg before loading Dizzy.......
When opening (this way) an existing svg made with Dizzy classes for the presentation (group_1, group_2, ecc..) that's what happens:
I hope it's due to my trick to open another svg. please confirm
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.