blank-canvas-0.2.3.1: HTML5 Canvas Graphics Library

Safe HaskellNone

Graphics.Blank

Contents

Synopsis

Starting blank-canvas

blankCanvas :: Int -> (Context -> IO ()) -> IO ()Source

blankCanvas is the main entry point into blank-canvas. A typical invocation would be 

module Main where

import Graphics.Blank

main = blankCanvas 3000 $ \ context -> do
        send context $ do
                moveTo(50,50)
                lineTo(200,100)
                lineWidth 10
                strokeStyle "red"
                stroke()

Graphics Context

data Context Source

Context is our abstact handle into a specific 2d-context inside a browser.

send :: Context -> Canvas a -> IO aSource

Sends a set of Canvas commands to the canvas. Attempts to common up as many commands as possible.

events :: Context -> EventName -> IO EventQueueSource

events gets the raw event queue for a specific event type.

Drawing pictures using the Canvas DSL

data Canvas Source

Instances

arc :: (Float, Float, Float, Float, Float, Bool) -> Canvas ()Source

beginPath :: () -> Canvas ()Source

bezierCurveTo :: (Float, Float, Float, Float, Float, Float) -> Canvas ()Source

clearRect :: (Float, Float, Float, Float) -> Canvas ()Source

closePath :: () -> Canvas ()Source

fill :: () -> Canvas ()Source

fillRect :: (Float, Float, Float, Float) -> Canvas ()Source

fillStyle :: String -> Canvas ()Source

fillText :: (String, Float, Float) -> Canvas ()Source

font :: String -> Canvas ()Source

globalAlpha :: Float -> Canvas ()Source

lineCap :: String -> Canvas ()Source

lineJoin :: String -> Canvas ()Source

lineTo :: (Float, Float) -> Canvas ()Source

lineWidth :: Float -> Canvas ()Source

miterLimit :: Float -> Canvas ()Source

moveTo :: (Float, Float) -> Canvas ()Source

restore :: () -> Canvas ()Source

rotate :: Float -> Canvas ()Source

scale :: (Float, Float) -> Canvas ()Source

save :: () -> Canvas ()Source

stroke :: () -> Canvas ()Source

strokeRect :: (Float, Float, Float, Float) -> Canvas ()Source

strokeText :: (String, Float, Float) -> Canvas ()Source

strokeStyle :: String -> Canvas ()Source

textAlign :: String -> Canvas ()Source

textBaseline :: String -> Canvas ()Source

transform :: (Float, Float, Float, Float, Float, Float) -> Canvas ()Source

translate :: (Float, Float) -> Canvas ()Source

readEvent :: EventName -> Canvas EventSource

read a specific event; wait for it if the event is not in queue.

tryReadEvent :: EventName -> Canvas (Maybe Event)Source

read a specific event; or return Nothing if the event is not in queue.

size :: Canvas (Float, Float)Source

size of the canvas

Events

data Event Source

Basic Event from Browser, the code is event-type specific.

Constructors

Event 

Fields

jsCode :: Int
 
jsMouse :: Maybe (Int, Int)
 

Instances

data EventName Source

EventName mirrors event names from jquery, where 'map toLower (show name)' gives the jquery event name.

Constructors

KeyPress 
KeyDown 
KeyUp 
MouseDown 
MouseEnter 
MouseMove 
MouseOut 
MouseOver 
MouseUp 

Instances

type EventQueue = TChan EventSource

EventQueue is a STM channel (TChan) of Events. Intentionally, EventQueue is not abstract.

readEventQueue :: EventQueue -> IO EventSource

tryReadEventQueue :: EventQueue -> IO (Maybe Event)Source