Objective: to develop a simple playing field for the game (chess) with the ability to animate the movement of figures, the result will be an online game in real time.

SVG is more like the fact that vector graphics are more "beautiful", and even with the help of Adobe Illustrator you can draw a field, all the shapes, etc.

Closed due to the fact that it is necessary to reformulate the question so that it was possible to give an objectively correct answer by the participants aleksandr barakin , user194374, Pavel Parshin , Grundy , VenZell 7 Feb '16 at 0:08 .

The question gives rise to endless debates and discussions based not on knowledge, but on opinions. To get an answer, rephrase your question so that it can be given an unambiguously correct answer, or delete the question altogether. If the question can be reformulated according to the rules set out in the certificate , edit it .

  • If you are given an exhaustive answer, mark it as correct (a daw opposite the selected answer). - Nicolas Chabanovsky ♦

1 answer 1

Both options have their pros and cons.
SVG is good because it is a vector. However, it is rendered much longer than canvas. Many svg elements on the page will significantly slow down.
Canvas is rendered quickly, because This is raster graphics. But the display under the retina for example will have a little poshamanit.
In principle, for both solutions there are libraries - to implement the animation is not a problem in both cases.
Since there are few active elements - it makes sense to use SVG