interact with TD with canvas line on the TABLE

Asked

Viewed 50 times

0

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

inserir a descrição da imagem aqui

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

For the table:

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

To put one element on top of the other I use:

position: absolute; top: 0px;

And after drawing the line:

 z-index: 0;

There is how to do this with css only?

  • You want to draw the line on a canvas above the table, yet you want the user to be able to click on the table below the canvas is this?

  • @hugocsl well that’s right

  • Put z-index:-1 on the canvas, so it is below the table

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.