Comments (7)
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.
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.
+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.
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.
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.
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.
This now exists in the dev
branch for:
Two.ArcSegment
(withinnerRadius
andouterRadius
)Two.Rectangle
Two.Ellipse
Two.Star
(withinnerRadius
andouterRadius
)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)
- [Question] Woscope integration HOT 3
- How to animate millions of points on browser canvas using two.js HOT 12
- wrong type in getPointAT declaration in path class HOT 2
- "Dom-less" start for just generating result svg [Enhancement] HOT 1
- Can two handle thousands of svg path elements and hundreds of thousands of points? HOT 1
- [Enhancement] Add Path.Compound Static Method
- How to check if an object is currently being hovered by the mouse whilst taking rotation into account? HOT 3
- Two.Utils.read.path throws an error HOT 3
- Smooth out lines and Round Corners HOT 2
- [Bug] WebGL Renderer Blurry HOT 5
- Partial Ellipse HOT 6
- Text `BoundingClientRect` in nested groups HOT 2
- compile error typescript[Bug] HOT 2
- svg fill-opacity [Bug] HOT 12
- Issues with Zoom and ZUI when upgrading from version 8.1.1 to 8.11 (latest) HOT 3
- creating curve path using anchors and make path not working ! HOT 2
- [Question] Best way to render ~250k polygons HOT 6
- Text Baseline in SVG Backend HOT 5
- [Bug] Negative scale does not work, with webgl mode only HOT 1
- Can i add events to shapes if renderer is Two.CanvasRenderer HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from two.js.