Se trata de dos sistema utilizados para representar elementos gráficos muy útilizados en la web.
La principal diferencia entre ambos sistemas de dibujo es que mientras svg utiliza imagenes vectoriales, canvas utiliza píxeles. En segundo lugar, svg está basado en archivos en forma de xml, lo que le permite ser maniputado mediante el DOM fácilmente. Por el contrario, canvas es una API gráfica que se utiliza para "dibujar" píxeles, por lo tanto para modificar la imagen hay que volver a dibujarla.
SVG se suele considerar más fácil de utilizar debido a que se hace en texto plano y no es necesario ningún conocimiento de programación. Para utilizar canvas son necesarios unos mínimos conocimiento des Javascript.
La decisión entre utilizar uno u otro depende de varios factores ya que no se trata de que uno sea mejor que el otro.
Canvas
SVG