Giter Club home page Giter Club logo

dizzy.js's People

Contributors

erlehmann avatar moerphy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

dizzy.js's Issues

Missing features or PEBKAC ? color, bracket, arrow and frame

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:

$('#step-42").showSlide (function () { $('.extracontent').fadeIn();}

Otherwise, really impressed by what can be done now on svg, that's really smooth, well done.

X+

Unexpected F11 Event in Editor

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.

Saving Dizzy with image in Chrome

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.

Not working deployed dev

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.

(dev) Zebra not visible using XAMPP for Linux 1.7.7

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.

Sozi-style pathing and presentation

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 :]

Smarter zooming

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).

Page background visible in fullscreen

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:

  1. New presentation. Menu->Edit CSS-> add: svg{ background: black; }
  2. Set browser to fullscreen.
    This is due to the canvas not scaling in height (only uniform scaling possible so far).
    A workaround is to set the page background in the CSS to the same color as the canvas background. (Menu->Edit CSS-> add body{ background: black; } ).

(dev) Strange things on opened SVGs

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:

1
Presentation goes well if you don't modify the file.
2
transforming (transl, scaling or rotating) an element in default mode will teleport it inverting the TM and even if you transform it back, the presentation for it will be done transforming the canvas with the CTM of that element (not inverting it anymore)

I hope it's due to my trick to open another svg. please confirm

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.