Scribd Logo
Upload

Welcome to Scribd!

  • 117 views

    Canvas Paint

    Uploaded by

    athran
    This document summarizes CanvasPaint, an online application that allows drawing on an HTML5 <canvas> element. It aims to recreate the functionality of Microsoft Paint in a web application. Key points include: - It is a near pixel-perfect recreation of Microsoft Paint using HTML, CSS, JavaScript and the <canvas> tag. - It allows basic drawing functions like selecting colors, drawing shapes and lines, and drag and drop resizing of the canvas. - In some browsers, it allows saving drawings by downloading or uploading images online, though images may be deleted at any time. - Compatibility and features vary by browser, as <canvas> support was still evolving at the time. Color pick

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Canvas Paint

    Uploaded by

    athran
    117 views1 page
    This document summarizes CanvasPaint, an online application that allows drawing on an HTML5 <canvas> element. It aims to recreate the functionality of Microsoft Paint in a web application. Key points include: - It is a near pixel-perfect recreation of Microsoft Paint using HTML, CSS, JavaScript and the <canvas> tag. - It allows basic drawing functions like selecting colors, drawing shapes and lines, and drag and drop resizing of the canvas. - In some browsers, it allows saving drawings by downloading or uploading images online, though images may be deleted at any time. - Compatibility and features vary by browser, as <canvas> support was still evolving at the time. Color pick

    Original Description:

    Original Title

    Doc Canvas Paint

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document summarizes CanvasPaint, an online application that allows drawing on an HTML5 <canvas> element. It aims to recreate the functionality of Microsoft Paint in a web application. Key points include: - It is a near pixel-perfect recreation of Microsoft Paint using HTML, CSS, JavaScript and the <canvas> tag. - It allows basic drawing functions like selecting colors, drawing shapes and lines, and drag and drop resizing of the canvas. - In some browsers, it allows saving drawings by downloading or uploading images online, though images may be deleted at any time. - Compatibility and features vary by browser, as <canvas> support was still evolving at the time. Color pick

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    117 views1 page

    Canvas Paint

    Uploaded by

    athran
    This document summarizes CanvasPaint, an online application that allows drawing on an HTML5 <canvas> element. It aims to recreate the functionality of Microsoft Paint in a web application. Key points include: - It is a near pixel-perfect recreation of Microsoft Paint using HTML, CSS, JavaScript and the <canvas> tag. - It allows basic drawing functions like selecting colors, drawing shapes and lines, and drag and drop resizing of the canvas. - In some browsers, it allows saving drawings by downloading or uploading images online, though images may be deleted at any time. - Compatibility and features vary by browser, as <canvas> support was still evolving at the time. Color pick

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 1

    CanvasPaint http://canvaspaint.

    org/

    untitled - CanvasPaint
    W hat's this?
    File Edit View Image Colors Help A near pixel-perfect copy
    of M icrosoft Paint in
    HTM L,CSS and
    JavaScript,using the
    <canvas> tag as
    specified by W HATW G
    and supported by Safari
    1.3,Firefox 1.5 and
    O pera 9.
    This w eb app is not
    authorized by,supported
    by or in any w ay
    affiliated w ith M icrosoft.

    W hy didn't you do this


    in ___?
    The prim ary goalw asn't
    to build a painting w eb
    app,but to experim ent
    w ith <canvas>.

    Things to try out


    Holding dow n ctrlfor a
    tertiary color,shift for
    line/shape constraints,
    ctrl+ a/c/x/z,dragging
    and resizing the w indow ,
    resizing the canvas...

    Can I save m y
    draw ings? U PD ATED
    Yes,but only in Firefox 2
    and O pera 9.
    To save an im age to your
    hard drive,use File >
    Dow nload.To save it on
    this server,use File >
    Save online.Your im age
    w illbe assigned a URL
    w hich you m ay share or
    em bed elsew here,and it
    m ay be publically show n
    here.How ever,no
    guarantees are given as
    to its future availibity: I
    reserve the right to
    delete im ages at any
    tim e.

    I alw ays get the


    context m enu w hen
    attem pting to use the
    secondary color
    Allow scripts to disable
    context m enus.To do
    this in Firefox,check
    "disable or replace
    context m enus" in
    O ptions > JavaScript:
    Advanced...
    g pretty curves (slow brow sers)
    c
    d
    e
    f
    c draw controlpoints
    d
    e
    f
    g W hy doesn't feature X
    w ork?
    350,263 Som e features are only
    supported by certain
    brow sers:
    Color picker Firefox 2.0
    O pera 9
    Save im age Firefox 2.0
    O pera 9

    W hy no flood fill?
    Because there is no
    getPixelm ethod for

    1/1 2006/12/06 14:51

    You might also like