GithubHelp home page GithubHelp logo

stylii's People

Contributors

memononen 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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

stylii's Issues

Is there any way to prevent UNDO on a pre-defined shape?

var drawingArea = new paper.Path.Rectangle(new paper.Point(100, 100), materialWidth,materialHeight);
drawingArea.strokeColor ='black';
//Lock the drawing area so it doesn't respond to hit events. Also excluded from the intersection test in editor.js
drawingArea.locked=true;
drawingArea.name = "drawingArea";

Hi Mikko. The above shape is drawn automatically when the editor fires up. Unfortunately when I click undo it dissapears which is something I would rather not happen. Is there any way to prevent this from happening?

Snap to grid Pen tool?

It would be lovely to have a switch that allows the Pen tool tip to snap to an invinsible grid(if close enough).

If I were to implement something like that, which parts of the code should I watch out for?

I have tried to integrate the functions from the grid Example in paper.js docs to no avail.

PS: I would like to mark some of the issues I pass here as questions so they don't show up as bugs but since you are the owner of Stylii I cannot do that.

How to select ''first-selected-element'' from selectedItems array?

Hi Miko,

I would like to select the first element that was picked using the selection tool(either Shift+Click, or dragging a selection box).

If it's Shift+Click its the first selected element
If its selectionBox, the first hit result of the selection box.

Is it possible to get this?

I've tried this:

clipboard = captureSelectionState();
var selected = paper.project.selectedItems;
var firstSelected=selected[0];

but this doesn't return what i need. (it returns the first-drawn item instead of the first selected)

Any ideas ?

FF & IE do not fire tools

When the user clicks on a tool to activate it doesn't get activated instantly.

Instead it is activated only when the mouse moves 1px in any direction or a keypress is made. A click must be made first on the tool however.

This is a very strange error that probably has something to do with Paper.js itself.

Closing the path on a quadratic makes the starting node a line segment

If we start drawing a path with a quadratic (hold + drag), when we try to close the path (by naturally clicking on the first placed node, that node becomes a line segment thus destroying the original first quadratic.

Is this the expected behavior in CAD programs or is this a bug?

EDIT:
This affects Chrome Canary/FF but it seems that IE11 is just fine for some strange reason.

Adding opacity to the paths, messes up the position of the fill and the stroke when we pan/zoom

One of the most important stuff i have going on in my Stylii fork is the ability of the user to add opacity to the paths.

When i give opacity to the paths and i pan/zoom, the path fill appears at an offset from the strokes.

The other issues are still difficult for me to solve but i usually find a way to either solve them or hack around them(i am very novice in coding).

This one has been driving me nuts from the beginning.

Any help here?

I attach a picture where i gave opacity to my path and then panned around
mikko issue

Performance boost?

Well, I did refrain from asking too many questions in the days that passed:) Until now.

Having many items with a large segment count degrades performance a lot, as it was expected.

Do you have any tips as to how performance could be improved in Stylii?

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.