Neanderthals Programming Machines

npm

Ready to take your JavaScript development to the next level? Meet npm Enterprise - the ultimate in enterprise JavaScript.Learn more »

shape-poly

0.0.9 • Public • Published

shape-poly npm version

Make CSS Polygon Shape

$ npm install shape-poly

Options

import {poly, be, dom} from "shape-poly";
 
interface PolyInterface {
  side?: number;
  split?: number;
  strokeWidth: number | string;
  className?: string;
  starRadius?: number; // inner-radius(0 ~ 100%)
  container?: HTMLElement;
  direction?: DIRECTION;
  stroke?: string; // color
}
 
function poly(options: PolyInterface);
function dom(el: HTMLElement);
function be(el: HTMLElement, options: PolyInterface);

How to Use

<script src="//daybrush.github.io/shape-poly/release/latest/shapepoly.min.js"></script>
<div class="triangle" data-side="5" data-stroke-width="11px" style="width: 100px"></div>
import {poly, be, dom} from "shape-poly";
 
// 10 star
const el = poly({starRadius: 50, side: 10, strokeWidth: "5px"});
 
document.body.appendChild(el);
 
// change 10 star to 5 polygon
be(el, {side: 5, strokeWidth: "5px"})
 
// data-side
// data-star-radius
// data-stroke-width
// data-stroke
// data-fill
// data-direction
dom(document.querySelector(".triangle"));

install

npm i shape-poly

Downloadsweekly downloads

1

version

0.0.9

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability