DropShadowValue 对象类型

DropShadowValue 对象由 dropShadow 函数的 filter 样式 prop 获取。它由 2 或 3 个长度和一个可选颜色组成。这些值共同定义阴影的颜色、位置和模糊度。

¥The DropShadowValue object is taken by the filter style prop for the dropShadow function. It is comprised of 2 or 3 lengths and an optional color. These values collectively define the drop shadow's color, position, and blurriness.

示例

¥Example

js

{
  offsetX: 10,
  offsetY: -3,
  standardDeviation: '15px',
  color: 'blue',
}

键和值

¥Keys and values

offsetX

x 轴上的偏移量。这可以是正数或负数。正值表示右，负值表示左。

¥The offset on the x-axis. This can be positive or negative. A positive value indicates right and negative indicates left.

类型	可选的
数字 | 字符串	不

offsetY

y 轴上的偏移量。这可以是正数或负数。正值表示上，负值表示下。

¥The offset on the y-axis. This can be positive or negative. A positive value indicates up and negative indicates down.

类型	可选的
数字 | 字符串	不

standardDeviation

表示 高斯模糊 算法中使用的标准偏差。值越大，阴影越模糊。只有非负值才有效。默认值为 0。

¥Represents the standard deviation used in the Guassian blur algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0.

类型	可选的
数字 | 字符串	是的

color

阴影的颜色。默认为 black。

¥The color of the shadow. The default is black.

类型	可选的
color	是的

使用者

¥Used by

• filter