https://github.com/jhwohlgemuth/snapsvg-hexagonal

Snap.svg plugin for creating hexagonal UI elements
https://github.com/jhwohlgemuth/snapsvg-hexagonal

browser menu snapsvg svg ui

Last synced: 2 months ago
JSON representation

Snap.svg plugin for creating hexagonal UI elements

• Host: GitHub
• URL: https://github.com/jhwohlgemuth/snapsvg-hexagonal
• Owner: jhwohlgemuth
• License: mit
• Created: 2017-07-26T23:24:31.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2024-04-07T08:54:57.000Z (about 1 year ago)
• Last Synced: 2025-03-11T14:46:20.937Z (3 months ago)
• Topics: browser, menu, snapsvg, svg, ui
• Language: JavaScript
• Homepage: https://jhwohlgemuth.github.io/snapsvg-hexagonal/
• Size: 1.53 MB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        



    



[![npm](https://img.shields.io/npm/v/snapsvg-hexagonal.svg)](https://www.npmjs.com/package/snapsvg-hexagonal) 

[![Build Status](https://travis-ci.org/jhwohlgemuth/snapsvg-hexagonal.svg?branch=master)](https://travis-ci.org/jhwohlgemuth/snapsvg-hexagonal)

[![Build status](https://ci.appveyor.com/api/projects/status/j2scpcedrevwejvb?svg=true)](https://ci.appveyor.com/project/jhwohlgemuth/snapsvg-hexagonal)

[![Coverage Status](https://coveralls.io/repos/github/jhwohlgemuth/snapsvg-hexagonal/badge.svg?branch=master)](https://coveralls.io/github/jhwohlgemuth/snapsvg-hexagonal?branch=master)

[![bitHound Overall Score](https://www.bithound.io/github/jhwohlgemuth/snapsvg-hexagonal/badges/score.svg)](https://www.bithound.io/github/jhwohlgemuth/snapsvg-hexagonal)

[![Known Vulnerabilities](https://snyk.io/test/github/jhwohlgemuth/snapsvg-hexagonal/badge.svg)](https://snyk.io/test/github/jhwohlgemuth/snapsvg-hexagonal)

> [Snap.svg](http://snapsvg.io/) plugin for creating hexagonal UI elements.



    





Installation

------------

```bash

npm install snapsvg snapsvg-hexagonal

```

Usage

-----

**AMD (Require.js)**

> Add to [paths attrbute of requirejs config file](http://requirejs.org/docs/api.html#config-paths) and require in code

```js

// config.js

requirejs.config({

    paths: {

        snapsvg:   'path/to/node_modules/snapsvg/snapsvg',

        hexagonal: 'path/to/node_modules/snapsvg-hexagonal/dist/snapsvg-hexagonal'

    }

});

// main.js

define(function(require) {

    'use strict';

    const Snap = require('snapsvg');

    const hexagonal = require('hexagonal');

    Snap.plugin(hexagonal);

});

```

**Browser global**

```html

    ...

    

        

        

        

            Snap.plugin('hexagonal');

            /* code code code */

        

    

```

Features

--------

> Under construction

Contributing

------------

> Please read the [contributing guide](.github/CONTRIBUTING.md)

Roadmap

-------

- Follow progress on [Trello](https://trello.com/b/MaTNvM8a/hexagonal)

Credits

-------

- Under construction

License

-------

[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bhttps%3A%2F%2Fgithub.com%2Fjhwohlgemuth%2Fsnapsvg-hexagonal.svg?type=large)](https://app.fossa.io/projects/git%2Bhttps%3A%2F%2Fgithub.com%2Fjhwohlgemuth%2Fsnapsvg-hexagonal?ref=badge_large)