arc-text-js
v1.0.1
Published
实现文字平滑弯曲弧形效果的js # 安装 `npm install arc-text-js` # 使用 ``` import { createArtElement } from 'arc-text-js';
Downloads
2
Readme
arc-text
实现文字平滑弯曲弧形效果的js
安装
npm install arc-text-js
使用
import { createArtElement } from 'arc-text-js';
createArtElement('测试文案', dom, { startDeg: 180, r: 100, fontSize: 20, color: '#fff'})
参数
createArtElement(str, dom, options) str: 展示的文字 dom: 展示文字的容器元素/元素id options: | 字段 | 默认值 | 备注 | |----------|--------|----------------| | startDeg | 0 | 开始的角度 | | r | 50 | 文字圆弧的半径 | | fontSize | 14 | 字体大小 | | color | #333 | 字体颜色 | | clockwise | true | 是否顺时针 | | hasBg | false | 是否有背景颜色 | | backgroundColor | #409EFF | 背景颜色 | | backgroundClassName | arc-text-bg | 背景元素的class |