Editable invitation online using canvas html5

In [login to view URL] we need our users to be able to edit their wedding invitation online using HTML5 canvas technology and to save the changes in the database and then be able to edit it again. Examples: [login to view URL] , [login to view URL] , [login to view URL] Specs: - Define input format (ex: JSON with attributes) - Output: JSON with same format as input. They can be vertical or horizontal invitations, but always of the same size. - We need to develop only a couple of use cases, not for all the attached invitations. We only attach them to use them as reference when thinking about something scalable and useful for different invitations. - By default, there will always be a "default" input that the user can modify (so the card does not show up empty) - You must verify that the fonts are loaded before the user can edit. Meanwhile, show him a "loading" icon. - To begin with we are going to offer a max of 10 fonts (we’ll provide them). - You must save the user changes in the base every x seconds (to be defined). - The user must be able to edit any line of the model attributes and add / delete new lines. - They will not always be lines one below the other. There may be lines in 2 or 3 columns too. (see attached images). - When saving the final version, an image suitable for printing must be generated, another image with a lower resolution for web and also save all the attributes in a table so that it can be edited again. - Each time it is edited and recorded, the name of the files change and the latest version is saved. - The user must be able to change: Typography, size, line spacing, alignment, spacing, format (bold, italic, underlined). - You can create a table on your own environment to test it. Required programming languages: php, html5, javascript, jquery Required experience: HTML5 canvas. We will provide: Background images / fonts. ------------------------------------------------------------------------- En [login to view URL] necesitamos que el usuario pueda editar su invitación online mediante la tecnología canvas HTML5 y que se guarden los cambios en la base y luego pueda volver a editarla. Ejemplos de referencia: [login to view URL] , [login to view URL] , [login to view URL] Especificaciones: Input: Json con atributos (o si sugieren otro tipo de input se evalúa) Output: Json con atributos – - Pueden ser invitaciones verticales u horizontales, pero siempre del mismo tamaño. - Necesitamos que se desarrolle sólo un par de casos de uso, no para todas las invitaciones adjuntas. Solo adjuntamos para que tengan de referencia la hora de pensar en algo escalable y útil para distintas invitaciones. - Por default, siempre habrá un input “modelo” que el usuario podrá modificar (así la tarjeta no aparece vacía) - Debe verificar que estén las fuentes bien cargadas antes de que el usuario pueda editar. Mientras tanto, mostrarle un ícono de “cargando”. Para empezar, vamos a ofrecer un max de 10 tipografías. - Debe guardar los cambios del usuario en la base cada x segundos. - El usuario debe poder editar cualquier linea de los atributos modelo y agregar/eliminar lineas nuevas. - No siempre serán lineas una abajo de otra. Puede haber lineas en 2 o 3 columnas también. (ver imagenes adjuntas). - Cuando graba la versión final, debe generarse una imagen apta para impresión, otra de menor resolución para web y además grabar todos los atributos en en una tabla para que pueda volver a editarse. - Cada vez que se edita y graba, el nombre de la foto cambia y se va guardando la última versión. - El usuario debe poder cambiar: Tipografía, tamaño, interlineado, alineación, espaciado, formato (negrita, itálica, subrayado). Lenguages de programación requeridos: php, html5, javascript, jquery Experiencia Requerida: HTML5 canvas. Nosotros vamos a proveer: Imágenes de fondo para el canvas / fonts.