Comments (6)
I would expect this signature for the ellipse method:
ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, counterclockwise)
as described here in more detail: https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-ellipse
It would be identical to the ellipse method defined for canvas.
from d3-path.
Is ellipse new? Doesn’t look like part of CanvasPathMethods:
https://www.w3.org/TR/2dcontext/#canvaspathmethods
from d3-path.
I found it in this MDN documentation page, which lead to the HTML Living Standard spec.
I am not 100% sure about the status of these specifications, but the W3C one you mentioned is marked as "superseded". A level 2 spec was in the working, but it seems to be abandoned: https://www.w3.org/TR/2dcontext2/
I tested ellipse()
with canvas on Chrome 88. It also seems to be widely adopted, according to https://caniuse.com/mdn-api_canvasrenderingcontext2d_ellipse
from d3-path.
I hope it could be a matter of adapting the code to accept two different radii, given that the A
command in an SVG path definition already represents an elliptical arc (and providing an ellipse()
method, which could be also leveraged by arc()
).
from d3-path.
@nitaku Do you have an idea in mind for what the API could look like?
from d3-path.
We used a few test renderings made with Canvas as a reference.
Here is a CodePen that compares Canvas and SVG renderings made with the modified code: https://codepen.io/nitaku/pen/dyvyGaZ
from d3-path.
Related Issues (15)
- Register with bower. HOT 2
- Reduce the precision of numbers in path strings? HOT 24
- access to relative paths HOT 1
- path generating incorrect sequence in Chrome/IE/Safari, correct in Firefox HOT 2
- Support for Transforms HOT 1
- Arc and arcTo draw only circular arcs. HOT 3
- arc should take a counterclockwise flag
- path.arc(…anticlockwise) must be true or 1, not truthy HOT 1
- d3-path HOT 2
- Drop redundant L in arc commands. HOT 2
- arcTo should end on tangent point, not control point.
- Fix prototype.constructor.
- Scale path generated by path.arcTo() or path.arc() HOT 2
- Cannot chain methods HOT 1
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 d3-path.