www.webdeveloper.com
Results 1 to 3 of 3

Thread: Draw a triangle with CSS/Javascript

  1. #1
    Join Date
    May 2010
    Posts
    44

    Draw a triangle with CSS/Javascript

    Well, not really a question but I'm pretty pleased with this JS I wrote I had to create triangles for this project I'm on, but there really isn't much out there in the way of that. Especially for things like mouseover effects.

    Give it a go, let me know what you think! The only limitation atm is one side of the triangle MUST be flat, facing NSE or W. It's going to have functionality for specifying any 3 coordinates soon, and dragable capability as well a few more bits.

    (See attached txt file, rename to html)
    Attached Files Attached Files

  2. #2
    Join Date
    Feb 2010
    Posts
    184
    Very limited at the moment - could be acheived with two images

    For ideas have a look at:

    http://www.p01.org/releases/Drawing_...in_JavaScript/

    For inspiration have a look at:

    http://www.p01.org/releases/Drawing_..._the_mouse.htm
    http://raphaeljs.com/tiger.html

    Plus the tiger is not an image!

  3. #3
    Join Date
    Aug 2014
    Posts
    1
    I can't see any problem here, triangles can be done in CSS using border property, like here: triangles with different shapes and orientations using only CSS. These examples work in very old browser, you don't even use CSS3 in this case.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles