【Text】【渲染】Text组件实现渐变色显示文本

在研发过程中，需要对文本以渐变的颜色展示，既可以使用图片的方式展示，也可以使用Text组件实现。

Text组件内置的接口，支持对文本进行单设的设定，如需要进行渐变色的设定，那么则需要进行二次的开发，下面的示例实现渐变色的效果。代码示例如下。

Column() {
  Text("这是一段渐变色的文字")
    .fontSize(16)
    .fontWeight(FontWeight.Bold)
    .blendMode(BlendMode.DST_IN, BlendApplyType.OFFSCREEN)
    .width(168)
    .maxLines(1)
    .height(18)
}
.linearGradient({
  angle: 0,                                // 渐变角度
  colors:[['#FF0000', 0], ['#00FF00', 1]]  // 红、绿渐变
})
.blendMode(BlendMode.SRC_OVER, BlendApplyType.OFFSCREEN)
.height(18)

代码执行效果如下