react-hex:使用react.js的六角形网格

时间:2024-05-24 13:22:26
【文件属性】:

文件名称:react-hex:使用react.js的六角形网格

文件大小:363KB

文件格式:ZIP

更新时间:2024-05-24 13:22:26

react hex grid react-component react-components

React十六进制 用react绘制svg六角形网格 安装 $ npm i react-hex 例子 import React from 'react' ; import ReactDom from 'react-dom' ; import Hex , { gridPoints } from 'react-hex' ; const Hexes = ( ) => { const hexes = gridPoints ( 'pointy-topped' , 100 , 100 , 10 , 25 , 25 ) . map ( ( { props } ) => ( < Hex xss=removed xss=removed> ) ) ; return ( < svg width = "500" height = "


【文件预览】:
react-hex-master
----.travis.yml(43B)
----.babelrc(128B)
----stories()
--------index.js(37B)
--------examples.js(7KB)
--------Hex.js(2KB)
----images()
--------ft-grid.png(49KB)
--------usage-example.png(192KB)
--------pt-grid.png(61KB)
----.storybook()
--------config.js(347B)
--------__storyshots__()
----package.json(2KB)
----.eslintrc.json(315B)
----test()
--------utils.js(9KB)
--------index.js(831B)
----LICENSE(1KB)
----src()
--------utils.js(2KB)
--------index.js(95B)
--------Hex.js(487B)
----.npmignore(35B)
----.gitignore(722B)
----README.md(4KB)
----yarn.lock(182KB)

网友评论