Multimusen.dk

Tag: Canvas

  • The image registration point

    On at JavaScript canvas the registration point is the top left corner.

    So in hit detection you have to calculate the x-position, the image width and height. In layout you should be able to figure out where to plage the images, and illustrations.

    • Y = “up / down”
    • X = “left / right”

    ( I tend to forget this … )

    The image registration point.
    The image registration point.

  • The X and the Y axis

    The x and y axis.
    The x and the y axis.

     

    • On the HTML canvas the top left corner is x = 0 and y = 0.
    • The y-axis is “up & down”.
    • The x-axis is “left & right”.

  • Filled Circle Canvas

    Turotial demonstrating a filled circle.

    Sample by Eric Rowell @ HTML5 Canvas tutorials:
Enable Notifications OK No thanks

We use cookies - more information

Multimusen.dk will set a few cookies from Doubleclick, Google and the Social Media plugins they ay set some cookies. Some of my pages use APIs - such as YouTube, LinkedIn, Google Fonts, Google Maps, Mapbox, Spotify, Jetpack, Twitter, Facebook &c.. Such plugins may set the odd cookie.

Close