Giter Club home page Giter Club logo

Comments (7)

jonobr1 avatar jonobr1 commented on May 11, 2024

Thanks for voicing your opinion! It helps me sort out what I should work on. The biggest question for me on this enhancement is if we can get away with matrix transformations for setting the new width or height. It will be much faster to do that then changing verts.

from two.js.

jonobr1 avatar jonobr1 commented on May 11, 2024

I haven't forgotten about this. In the meantime you can at least get the width and height of objects properly though the getBoundingClientRect method. e.g:

var circle = two.makeCircle(0, 0, 50);
var rect = circle.getBoundingClientRect();
// rect.width = 102
// rect.height = 102
// N.B: the width of the fill plus the thickness from the strokes

from two.js.

rvdende avatar rvdende commented on May 11, 2024

+1

Really liking two.js, I'm trying to wrap my head around the source to maybe help. I saw theres a scale(x,y) function but its not the same as object.scale ?

from two.js.

jonobr1 avatar jonobr1 commented on May 11, 2024

You're correct @fluentart. The scale(x, y) is a method attached to the Two.Matrix of the shape. This handles all the transformations and is ultimately what is being calculated when you set object.scale = 2.

from two.js.

rvdende avatar rvdende commented on May 11, 2024

where in the source can i add a tag that checks is object.scale is an array? I'd like to have the option to either use object.scale = 2 or object.scale = [1.5,3]

from two.js.

jonobr1 avatar jonobr1 commented on May 11, 2024

Unfortunately, two.js only supports uniform scaling at the moment. This is what's in question with width and height properties. Could you please open this up as a new issue and we can discuss further there?

from two.js.

jonobr1 avatar jonobr1 commented on May 11, 2024

This now exists in the dev branch for:

  • Two.ArcSegment (with innerRadius and outerRadius)
  • Two.Rectangle
  • Two.Ellipse
  • Two.Star (with innerRadius and outerRadius)
  • Two.RoundedRectangle
  • Two.Polygon

FYI: since this thread has last been updated Two.Path is what the referred to Two.Polygon is.

from two.js.

Related Issues (20)

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.