{"id":4927,"date":"2016-03-11T19:16:13","date_gmt":"2016-03-11T18:16:13","guid":{"rendered":"http:\/\/www.espai.es\/blog\/?p=4927"},"modified":"2016-03-11T20:55:54","modified_gmt":"2016-03-11T19:55:54","slug":"para-que-sirve-la-etiqueta-canvas-en-html5","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/","title":{"rendered":"Para que sirve la etiqueta canvas en HTML5?"},"content":{"rendered":"

Hola a todos y saludos desde el \u00e1rea Web de la Escola Espai<\/a>. Una de las preguntas que frecuentemente me hacen mis alumnos tras aprender el funcionamiento de la etiqueta HTML5 Canvas es; \u00bfpara que sirve el Canvas? En realidad ya conocen la respuesta, sirve para dibujar<\/strong>. As\u00ed que, \u00bfque es lo que realmente quieren saber? Tal vez la pregunta adecuada y a la que intentar\u00e9 dar respuesta en el art\u00edculo de hoy es; \u00bfpara que sirve poder dibujar en una web?<\/strong><\/p>\n

Si, el Canvas sirve para algo<\/h2>\n

Poder dibujar en una web, hoy d\u00eda, tiene b\u00e1sicamente las siguientes aplicaciones; videojuegos, publicidad, gr\u00e1ficas, educaci\u00f3n<\/strong> y, como no, arte<\/strong>.<\/p>\n

Videojuegos y el elemento HTML Canvas<\/h2>\n

En\u00a0el art\u00edculo del mes pasado<\/a>, ya se comento la m\u00e1s que probable muerte de Adobe Flash<\/strong>. Pero gracias a la etiqueta Canvas, eso no significar\u00e1 la muerte de los videojuegos Web, de hecho, a diferencia de Flash, Canvas no solo permite juegos 2D, como por ejemplo Cross Code<\/a>, sino que permite incluso el desarrollo de videojuegos 3D como HexGL<\/a>.<\/p>\n

\"Uno<\/a>

CrossCode: Un ejemplo de\u00a0un videojuego HTML5\u00a02D<\/p><\/div>\n

No deber\u00edamos de infravalorar la posibilidad de implementar alg\u00fan tipo de peque\u00f1o<\/span> <\/strong>videojuego en alg\u00fan proyecto Web, es una forma de innovar, diferenciarse del resto de la competencia y ofrecer un extra a nuestros visitantes. Adem\u00e1s, es una magnifica forma para prolongar la estancia de nuestros usuarios en nuestra web y de favorecer que\u00a0quieran volver a visitarla. Algo similar es lo que desde siempre se ha hecho con esos peque\u00f1os anuncios-juegos<\/strong> Flash, que pueden facilitar\u00a0que el usuario quiera hacer click en el banner publicitario.\u00a0Y ese es otro de los casos donde tiene uso esta etiqueta HTML5.<\/p>\n

Publicidad\u00a0y el elemento HTML Canvas<\/h2>\n

Con Canvas podemos hacer anuncios m\u00e1s animados y llamativos que una simple y triste imagen est\u00e1tica. Veamos un muy sencillo ejemplo de como crear un banner animado;<\/p>\n

\"Ejemplo<\/a>

Ejemplo de un Banner animado\u00a0(HTML)<\/p><\/div>\n

\"Ejemplo<\/a>

Ejemplo de un Banner animado\u00a0(JavaScript)<\/p><\/div>\n

Si quer\u00e9is, pod\u00e9is experimentar un poco con el c\u00f3digo y ver el banner en funcionamiento<\/strong>\u00a0aqu\u00ed: Escola Espai Banner Example<\/a>.<\/p>\n

Como podemos ver, con\u00a0el elemento Canvas y un poco de c\u00f3digo JavaScript podemos realizar una sencilla animaci\u00f3n que puede hacer nuestro Banner publicitario m\u00e1s llamativo, de forma que podamos desviar la atenci\u00f3n del usuario hacia \u00e9l, y favorecer el tan ansiado click. Obviamente, efectos m\u00e1s avanzados van a requerir de m\u00e1s c\u00f3digo JavaScript. Podemos hacernos nuestra propia librer\u00eda JavaScript para realizar estos efectos, o bien usar una de las muchas librer\u00edas existentes, como Fabric.js<\/a>, EaselJS<\/a>,\u00a0oCanvas<\/a>,\u00a0bHive<\/a>…<\/p>\n

Gr\u00e1ficas y el elemento HTML Canvas<\/h2>\n

Otro uso que nos permite dibujar en una Web, es la posibilidad de dibujar gr\u00e1ficas. Si bien es cierto que podemos usar Canvas para dibujar dichas gr\u00e1ficas, otra posibilidad es utilizar la etiqueta\u00a0SVG<\/strong> que permite gr\u00e1ficos vectoriales<\/strong>. Una herramienta que nos facilita much\u00edsimo el trabajo con la etiqueta SVG y la creaci\u00f3n de gr\u00e1ficas, es Google Charts<\/a>.<\/p>\n

\"Google<\/a>

Google Charts es una sencilla y potente forma de a\u00f1adir gr\u00e1ficas a nuestra Web<\/p><\/div>\n

Otra alternativa que si utiliza el elemento canvas<\/strong> es Chart.js<\/a>.<\/p>\n

Educaci\u00f3n y el elemento HTML Canvas<\/h2>\n

El elemento Canvas es especialmente \u00fatil en el campo de la educaci\u00f3n<\/strong>. Es destacable su uso en el campo de las simulaciones f\u00edsicas<\/strong>. As\u00ed, podemos hacer sistemas para simular el comportamiento\u00a0de fluidos<\/a>, sistemas gravitacionales<\/a>, calcular\u00a0la trayectoria de un proyectil<\/a>, f\u00edsica de tejidos<\/a>, etc…<\/p>\n

\"Dibujando<\/a>

Dibujando la trayectoria de un proyectil<\/p><\/div>\n

Existen librer\u00edas como Box2DJS<\/a> que nos facilitan este tipo de simulaciones f\u00edsicas.<\/p>\n

Al igual que en el caso de las gr\u00e1ficas, tambi\u00e9n es posible realizar este tipo de simulaciones con la etiqueta SVG. Tenemos\u00a0ejemplos muy educativos en la web de simulaciones interactivas de la\u00a0University of Colorado<\/a>,\u00a0de simulaciones y explicaciones de todo tipo de leyes y fen\u00f3menos cient\u00edficos.<\/p>\n

Arte y el elemento HTML Canvas<\/h2>\n

Finalmente, otro uso que nos ofrece la etiqueta Canvas es el uso artistico. Con Canvas podemos experimentar con figuras, formas y colores de forma interactiva.<\/p>\n

\"Uno<\/a>

Tentacles; Uno de los muchos experimentos art\u00edsticos realizados con Canvas<\/p><\/div>\n

Otro uso art\u00edstico interesante es generar im\u00e1genes. As\u00ed, por ejemplo, podemos generar texturas<\/a> basadas en un algoritmo (lo que se conoce como texturas procedurales<\/strong>). De nuevo, existen librer\u00edas JavaScript que nos facilitan este tipo de trabajos, como por ejemplo, texgen.js<\/a>.<\/p>\n

Del mismo modo, podemos usar el elemento Canvas para hacernos peque\u00f1as herramientas para tratar\u00a0<\/strong>im\u00e1genes<\/b>, como por ejemplo, para a\u00f1adir un texto tal y como hacen los famosos generadores de memes. Puedes ver y jugar un poco con nuestro generador de memes de ejemplo<\/a><\/strong>.<\/p>\n

\"Einstein,<\/a>

Einstein, un clasico de los memes de internet.<\/p><\/div>\n

Como pod\u00e9is ver, no son pocos los usos que nos permite el poder dibujar en una web, como se suele decir, el l\u00edmite es vuestra imaginaci\u00f3n<\/strong>.<\/p>\n

Espero que este art\u00edculo os haya sido de inter\u00e9s y que os haya dado muchas ideas sobre posibles usos\u00a0en vuestros proyectos Web para este elemento HTML5 tan interesante.<\/p>\n","protected":false},"excerpt":{"rendered":"

Hola a todos y saludos desde el \u00e1rea Web de la Escola Espai. Una de las preguntas que frecuentemente me hacen mis alumnos tras aprender el funcionamiento de la etiqueta HTML5 Canvas es; \u00bfpara que sirve el Canvas? En realidad ya conocen la respuesta, sirve…<\/p>\n","protected":false},"author":23,"featured_media":5044,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7,5],"tags":[485,78],"class_list":["post-4927","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-programacion","tag-canvas","tag-html5"],"yoast_head":"\nPara que sirve la etiqueta canvas en HTML5? - Blog Escola Espai<\/title>\n<meta name=\"description\" content=\"En este art\u00edculo os explicamos las posibilidades que ofrece el elemento HTML Canvas y sus usos m\u00e1s frecuentes en la actualidad.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Para que sirve la etiqueta canvas en HTML5? - Blog Escola Espai\" \/>\n<meta property=\"og:description\" content=\"En este art\u00edculo os explicamos las posibilidades que ofrece el elemento HTML Canvas y sus usos m\u00e1s frecuentes en la actualidad.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-11T18:16:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-03-11T19:55:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/canvas.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"360\" \/>\n\t<meta property=\"og:image:height\" content=\"240\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Abel Camarena\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Abel Camarena\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/\"},\"author\":{\"name\":\"Abel Camarena\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897\"},\"headline\":\"Para que sirve la etiqueta canvas en HTML5?\",\"datePublished\":\"2016-03-11T18:16:13+00:00\",\"dateModified\":\"2016-03-11T19:55:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/\"},\"wordCount\":936,\"commentCount\":1,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/canvas.jpg\",\"keywords\":[\"canvas\",\"HTML5\"],\"articleSection\":[\"Dise\u00f1o Web\",\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/\",\"name\":\"Para que sirve la etiqueta canvas en HTML5? - Blog Escola Espai\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/canvas.jpg\",\"datePublished\":\"2016-03-11T18:16:13+00:00\",\"dateModified\":\"2016-03-11T19:55:54+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897\"},\"description\":\"En este art\u00edculo os explicamos las posibilidades que ofrece el elemento HTML Canvas y sus usos m\u00e1s frecuentes en la actualidad.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/canvas.jpg\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/canvas.jpg\",\"width\":360,\"height\":240},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Para que sirve la etiqueta canvas en HTML5?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897\",\"name\":\"Abel Camarena\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/035501b0f14e120b1a49121758e2056b8d589fc43b9d3c3ad3670a197a90dddf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/035501b0f14e120b1a49121758e2056b8d589fc43b9d3c3ad3670a197a90dddf?s=96&d=mm&r=g\",\"caption\":\"Abel Camarena\"},\"sameAs\":[\"http:\/\/www.espai.es\"],\"url\":\"https:\/\/www.espai.es\/blog\/author\/abel\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Para que sirve la etiqueta canvas en HTML5? - Blog Escola Espai","description":"En este art\u00edculo os explicamos las posibilidades que ofrece el elemento HTML Canvas y sus usos m\u00e1s frecuentes en la actualidad.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/","og_locale":"es_ES","og_type":"article","og_title":"Para que sirve la etiqueta canvas en HTML5? - Blog Escola Espai","og_description":"En este art\u00edculo os explicamos las posibilidades que ofrece el elemento HTML Canvas y sus usos m\u00e1s frecuentes en la actualidad.","og_url":"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/","og_site_name":"Blog Escola Espai","article_published_time":"2016-03-11T18:16:13+00:00","article_modified_time":"2016-03-11T19:55:54+00:00","og_image":[{"width":360,"height":240,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/canvas.jpg","type":"image\/jpeg"}],"author":"Abel Camarena","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Abel Camarena","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/"},"author":{"name":"Abel Camarena","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897"},"headline":"Para que sirve la etiqueta canvas en HTML5?","datePublished":"2016-03-11T18:16:13+00:00","dateModified":"2016-03-11T19:55:54+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/"},"wordCount":936,"commentCount":1,"image":{"@id":"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/canvas.jpg","keywords":["canvas","HTML5"],"articleSection":["Dise\u00f1o Web","Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/","url":"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/","name":"Para que sirve la etiqueta canvas en HTML5? - Blog Escola Espai","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/canvas.jpg","datePublished":"2016-03-11T18:16:13+00:00","dateModified":"2016-03-11T19:55:54+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897"},"description":"En este art\u00edculo os explicamos las posibilidades que ofrece el elemento HTML Canvas y sus usos m\u00e1s frecuentes en la actualidad.","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/canvas.jpg","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/canvas.jpg","width":360,"height":240},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2016\/03\/para-que-sirve-la-etiqueta-canvas-en-html5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Para que sirve la etiqueta canvas en HTML5?"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/b2d40404b9d987e3586e186c021ef897","name":"Abel Camarena","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/035501b0f14e120b1a49121758e2056b8d589fc43b9d3c3ad3670a197a90dddf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/035501b0f14e120b1a49121758e2056b8d589fc43b9d3c3ad3670a197a90dddf?s=96&d=mm&r=g","caption":"Abel Camarena"},"sameAs":["http:\/\/www.espai.es"],"url":"https:\/\/www.espai.es\/blog\/author\/abel\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2016\/03\/canvas.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/4927","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=4927"}],"version-history":[{"count":34,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/4927\/revisions"}],"predecessor-version":[{"id":5045,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/4927\/revisions\/5045"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/5044"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=4927"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=4927"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=4927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}