mozilla
Os seus resultados da pesquisa

    Canvas tutorial

    Este artigo necessita de uma revisão editorial.

    Esta tradução está incompleta. Ajude atraduzir este artigo.

    <canvas> é um elemento HTML que pode ser usado para desenhar usando linguagem de "script" (normalmente JavaScript). Isto pode ser usado, por exemplo, para desenhar gráficos, fazer composições de fotos ou simples (e não tão simples) animações. As imagens à direita mostram exemplos de implementações <canvas> que serão parte deste tutorial.

    <canvas> foi introduzido primeiramente pela Apple para o Mac OS X Dashboard e mais tarde implemetado nos browsers Safari e Google Chrome. Os browsers baseados no Gecko 1.8, como o Firefox 1.5, também suportam este elemento. O elemento <canvas> é parte da especificação WhatWG Web applications 1.0, também conhecida como HTML5.

    Este tutorial descreve como utilizar o elemento <canvas> para desenhar gráficos 2D, iniciando com o básico. Os exemplos fornecidos devem lhe trazer algumas ideias claras sobre o que você pode fazer com o canvas e irá fornecer trechos de código que podem lhe ajudar na contrução do seu próprio conteúdo. 

    Before you start

    Using the <canvas> element isn't very difficult but you do need a basic understanding of HTML and JavaScript. The <canvas> element isn't supported in some older browsers, but is supported in recent versions of all major browsers.The default size of the canvas is 300px * 150px (width * height). But custom sizes can be defined using CSS height and width property. In order to draw graphics on the canvas we use a JavaScript context object, which creates graphics on the fly.

    In this tutorial

    See also

    A note to contributors

    Due to an unfortunate technical error that occurred the week of June 17, 2013, we lost the history of this tutorial, including attributions to all past contributors to its content. We apologize for this, and hope you'll forgive this unfortunate mishap.

    Etiquetas do documento e colaboradores

    Contribuíram para esta página: gxovano, trevorh, gutierri
    Última atualização por: gxovano,