vue-fractals

Implementation fractals with vue Vue.js

Demo

Installation

• with npm

npm i -S vue-fractals

Usage

<template>
  <div id="app">
    <menger-sponge :size="300" :iteration="2" :color="hsl(100, 0%, 50%)"/>
  </div>
</template>

<script>
import { MengerSponge } from 'vue-fractals'

export default {
  components: {
    MengerSponge
  }
}
</script>

Components

MengerSponge

• [x] DOM
• [ ] Canvas
• [ ] WebGL

| Property | Type | Default | Description | | ------ | ------ | ------ | ------ | | size | Number | 270 | Size in pixels | | iteration | Number | 0 | *Value bigger than 3 can cause computer freeze | | color | String | 'hsl(180, 0%, 50%)' | Support only HSL |

License

MIT

Copyright (c) 2018 VSymonenko