Texto Drag and Drop sobre imagen utilizando Js (canvas)

Se requiere crear un diploma "flexible" utilizando etiquetas de texto que sea drag and drop con la finalidad de que cada usuario pueda armar su diploma con la imagen de fondo y las etiquetas de texto que considere importantes.

Habrá una lista de etiquetas que se puedan seleccionar y poder arrastrar sobre la imagen.

Aquí se tiene un ejemplo de lo que se necesita.

http://pymeteca.com.mx/diploma/

En la imagen anexo se muestra lo que se espera ver.
Una lista de etiquetas disponibles del lado izquierdo (estas se entregarán en algún arreglo, xml, json, o la mejor opción que sugiera el freelancer)
Se arrastrarán sobre la imagen para ponerlos donde deban quedar. (la imagen tendrá el texto Nombre: y el usuario arrastrará la etiqueta nombre con la intención de que al imprimir el diploma esta etiqueta se sustituya con el nombre del usuario y quedará Nombre: Juan Salazar Mendiguchía)
Y al dar guardar se espera recibir un arrelgo xml, json, o la mejor opción que sugiera el freelancer)