iconFont图标

IconFont 图标

概述

1.0开始加入

语义化的矢量图形

代码演示

import React from 'react';
import { View } from 'react-native';
import { IconFont } from 'tuya-panel-kit';

const TYTextDemo = props => (
<View style={styles.wrapper}>
<IconFont color='#333' size={20} name='1' />
</View>
)

效果图

API

width

图标宽度,默认为size的值

类型(Type) 必传(Required) 默认值
number size的值

height

图标高度,默认为size的值

类型(Type) 必传(Required) 默认值
number size的值

x

开始画svg的相对横坐标

类型(Type) 必传(Required) 默认值
number 0

y

开始画的相对纵坐标

类型(Type) 必传(Required) 默认值
number 0

scaleX

横向缩放

类型(Type) 必传(Required) 默认值
number

scaleY

纵向缩放

类型(Type) 必传(Required) 默认值
number

scale

整体缩放

类型(Type) 必传(Required) 默认值
number

fill

填充色,若传递该值color会被忽略

类型(Type) 必传(Required) 默认值
Color

stroke

描边色

类型(Type) 必传(Required) 默认值
Color

strokeWidth

描边宽度

类型(Type) 必传(Required) 默认值
number 1

strokeJoin

连接处形状:

  • round:圆
  • miter:斜方
  • bevel:斜
类型(Type) 必传(Required) 默认值
enum: round, miter, bevel round

strokeCap

首尾端形状:

  • round:圆
  • butt:无
  • square:方
类型(Type) 必传(Required) 默认值
enum: round, butt, square round

strokeDash

实虚线,数组内第一个元素为一段虚线的长度,第二个为间距

类型(Type) 必传(Required) 默认值
array

opacity

透明度

类型(Type) 必传(Required) 默认值
number 1

spaceoffset

多个实体渲染时, 空白间隔偏移量

类型(Type) 必传(Required) 默认值
number 0

color

图标颜色

类型(Type) 必传(Required) 默认值
Color #000

size

图标大小

类型(Type) 必传(Required) 默认值
number 16

unitsPerEm

EM box大小 关于EM box:每个字形的盒子都是1em高和1em宽。盒子内就是字形的设计空间,这个坐标系统也被称为设计空间坐标系统。 该空间给出具体的坐标,通过把EM框以em为单位分解成一定数量的单元。这个数量是字体的特征之一,被包括在字体表的信息中。

类型(Type) 必传(Required) 默认值
number 1024

ascent

从字体的(0,0)点到EM box顶部的距离

类型(Type) 必传(Required) 默认值
number 896

descent

从字体的(0,0)点到EM box底部的距离

类型(Type) 必传(Required) 默认值
number -128

hFlip

水平翻转

类型(Type) 必传(Required) 默认值
bool false

vFlip

垂直翻转

类型(Type) 必传(Required) 默认值
bool false

name

图标名称,默认内置图标name如下:

  • 0~9:数字0到9
  • power:开关
  • arrow:右箭头
  • +:加号(小)
  • -:减号(小)
  • .:点
  • ::冒号
  • celsius:摄氏度
  • fahrenhei:华氏度
  • %:百分号
  • edit:编辑
  • plus:加(大)
  • minus:减(大)
  • warning:警告
类型(Type) 必传(Required)
string

d

图标path,svg的path

类型(Type) 必传(Required)
string
400-881-8611