JSFiddle

  • Fill a diagonal

    jQuery 1.11.0, HTML, CSS, JavaScript

    
    var size=5;
    var x=0;
    var y=0;
    
    // Set up data array, store the index of the point
    var ...
  • Bezier area #39 is the latest revision

    Area under a Berzier curve

    // canvas and mousedown related variables
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");
    var $canvas = $("#canvas");
    var canvasOffset ...
  • Rectangle in the box

    jQuery 1.9.1, HTML, CSS, JavaScript

    // canvas and mousedown related variables
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");
    var $canvas = $("#canvas");
    var canvasOffset ...
  • Circles around a circle #35 is the latest revision

    jQuery 1.9.1, HTML, CSS, JavaScript

    // Circles around a circle
    
    // canvas and mousedown related variables
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");
    var ...
  • Circle circle intersection #12 is the latest revision

    jQuery 1.9.1, HTML, CSS, JavaScript, jQuery UI 1.9.2

    // Find the points of intersection of two circles
    
    // Global variables 
    var    x1 = 100; // center of first circle
    var    y1 = 150 ...
  • Enclosing polygon #20 is the latest revision

    From a set of lines find the polygon around a point.

    // canvas and mousedown related variables
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");
    var $canvas = $("#canvas");
    var canvasOffset ...