Normal Programming Mistake

    frain-points
    TypeScript icon, indicating that this package has built-in type declarations

    0.2.3 • Public • Published

    frain-points

    Created for making it easier to display smooth polygons on the web.

    Usage

    import Fp from 'frain-points';
    
    const canvas = document.querySelector('#glCanvas');
    const context = canvas.getContext('2d');
    context.fillStyle = "rgb(40,0,0)";
    
    const originalPoints = [
      [25, 25],
      [100, 0],
      [150, 50],
      [125, 125],
      [50, 150],
      [0, 100],
    ];
    
    const [[p1x, p1y], ...rest] = Fp.smoothen(originalPoints);
    
    context.moveTo(p1x, p1y);
    
    rest.forEach(([x, y], i, points) => {
      const [nextX, nextY] = points[(i + 1) % points.length];
    
      context.quadraticCurveTo(
        x, 
        y, 
        (x + nextX) / 2, 
        (y + nextY) / 2,
      );
    });
    
    context.fill();

    Working example on Codesandbox

    Install

    npm i frain-points

    DownloadsWeekly Downloads

    8

    Version

    0.2.3

    License

    MIT

    Unpacked Size

    61.2 kB

    Total Files

    21

    Last publish

    Collaborators

    • frainbreeze