interact with TD with canvas line on a TABLE

I have a common table given given radius of geometric coordinates, as in the image below:

There is a javascript function that calculates the distance from the point 'char (0,0)' to any marked point, and draws this line on canvas, the problem is, when this line drawn for it to be displayed, I need somehow to draw the line on the table element, keeping table on the canvas, since I need to interact with the 'td' (coordinates) of that table.

For the table:

<table>
...coisas
</table>
<canvas></canvas>

To put one element over the other I use:

position: absolute; top: 0px;

And after drawing the line:

 z-index: 0;

Is there any way to do this with css only?