gecko-dev | Firefox Gecko integration with Web Speech API

I'm trying to get the exact formula in order to compute CSS border-radius property in a canvas. I've already tried and have an example in javascript (see below), but with no success.

Its seems that the browser is still adding some adaptations in order to ajust the borders. And i'm unable to identify them. So i've checked the sources of the Gecko layout engine, but i'm not sure where i can find this formula (in the sources).

It may be in layout/painting/nsCSSRenderingBorders.cpp, but there's still a lot of code and it's C++ (i've no skills into that language)

See Gecko repository : https://github.com/mozilla/gecko-dev

So, if anyone could help me in order to achieve this adaptation, or give me the blocks of code which are computing border-radius "arcs, orientation ?" (in gecko) i'll be able to do that.

Javascript/HTML snippet (current, close from good adaptation)

(RED SHAPE = Canvas shape, GREEN SHAPE = HTML shape)

I'm using this function to draw the shape : ctx.constructor.prototype.fillRoundedRect

And this function in order to get close from the browser adaptation : correctRadius

As you will see, im getting this result when TopLEFT, TopRight and BottomLEFT sliders are at max value. The browser (green) is rendering it perfectly, and mine is bad (red).

See snippet below

I'm trying to figure out how to reproduce the behavior of the "border-radius" css property into an HTML canvas.

So i've already done something in Javascript in order to compute the correct borders of a given shape, using a specific radius (for each corner).

Here is the previous question if needed : Gecko - CSS layout border radius - Javascript conversion

I've managed to get close from the browser adaptation but there's still an issue, and it seems that it's the last, and the hard part!

Let's take an example in order to explain you the problem

Take a shape of 100px width & 100px height. Now apply the following radius to each corner :

• Top left : 37px
• Top right : 100px
• Bottom right : 1px
• Bottom left : 100px

So the css style for this will be border-radius : 37px 100px 1px 100px

Now let's consider using the code below in order to draw this shape in a canvas.

By using the function correctRadius(r, w, h) in order to avoid bad shapes, each corners will be computed like that :

=> {tl: 18.5, tr: 81.5, br: 0.5, bl: 81.5}

Here is a visual of this :

You will be able to test it in the following snippet

As you can see, the browser shape (green) is overlapped with the canvas shape (brown + 'pink' due to opacity). I've put some opacity on it in order to check the bad corners (pink).

The brown shape do not fit properly into the green shape, the top left corner is getting out of the base, and the bottom left and top right corners don't fit the green shape.

I've already tried to fix that but with no success, and also looked the sources of the Gecko layout engine (https://github.com/mozilla/gecko-dev) in this file : layout/painting/nsCSSRenderingBorders.cpp, but haven't found anything + i have no skills in C++

If anyone could help me to figure this out, or give me some advice, i'll be able to fix this and get the borders working

In a few C programs (for example in gecko) I've noticed an idiom whereby a program will temporarily define a macro, then include a file which uses that macro, then undefine the macro. Here's a trivial example:

speak.c:

I'd like to use IndexedDB to process a lot of data. Too much data to fit in memory. To do this, I would like to use Firefox's IndexedDB persistent storage, which allows me to store more than 2GB worth of data (Firefox apparently has a limit of 2GB imposed on non-persistent storage).

However, I've run into an issue. Firefox does not appear to be imposing a limit on the amount of data I can store in persistent storage. In fact, if I leave the following sample running, it will apparently run until the disk is full!

Sample (Online) (Must be run in Firefox!):

I wanted to get a list of all my commits to a repository since the start of the year. I tried with the obvious command, but it doesn't include any of them: