lyb-pixi-js 1.12.1 → 1.12.2

package/Components/Base/LibPixiText.d.ts

@@ -6,6 +6,8 @@ export interface LibPixiTextParams {
     fontSize?: number;
     /** 字体颜色 */
     fontColor?: any;
+    /** 渐变方向 */
+    gradientDirection?: "v" | "h";
     /** 描边颜色 */
     stroke?: string | number;
     /** 描边宽度 */

package/Components/Base/LibPixiText.js

@@ -1,10 +1,10 @@
-import { Text, TextStyle, } from "pixi.js";
+import { Text, TEXT_GRADIENT, TextStyle, } from "pixi.js";
 /** @description 自定义文本类
  * @link 使用方法：https://www.npmjs.com/package/lyb-pixi-js#LibPixiText-文本
  */
 export class LibPixiText extends Text {
     constructor(options) {
-        const { text, fontSize = 36, fontColor = 0xffffff, stroke, strokeThickness, fontFamily = "Arial", fontWeight = "normal", wordWrapWidth, lineHeight = 1, align = "left", indent = 0, shadow, } = options;
+        const { text, fontSize = 36, fontColor = 0xffffff, stroke, strokeThickness, fontFamily = "Arial", fontWeight = "normal", wordWrapWidth, lineHeight = 1, align = "left", indent = 0, shadow, gradientDirection, } = options;
         const style = new TextStyle({
             fontSize,
             wordWrap: !!wordWrapWidth,
@@ -18,6 +18,9 @@ export class LibPixiText extends Text {
             stroke: stroke ? stroke : "transparent",
             strokeThickness: strokeThickness ? strokeThickness : 0,
             lineJoin: "round",
+            fillGradientType: gradientDirection === "h"
+                ? TEXT_GRADIENT.LINEAR_HORIZONTAL
+                : TEXT_GRADIENT.LINEAR_VERTICAL,
         });
         if (shadow) {
             style.dropShadow = true;

package/lyb-pixi.js

@@ -31841,7 +31841,8 @@ void main(void)\r
         lineHeight = 1,
         align = "left",
         indent = 0,
-        shadow
+        shadow,
+        gradientDirection
       } = options;
       const style = new TextStyle({
         fontSize,
@@ -31855,7 +31856,8 @@ void main(void)\r
         fontFamily: LibPixiText.fontFamily || fontFamily,
         stroke: stroke ? stroke : "transparent",
         strokeThickness: strokeThickness ? strokeThickness : 0,
-        lineJoin: "round"
+        lineJoin: "round",
+        fillGradientType: gradientDirection === "h" ? TEXT_GRADIENT.LINEAR_HORIZONTAL : TEXT_GRADIENT.LINEAR_VERTICAL
       });
       if (shadow) {
         style.dropShadow = true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lyb-pixi-js",
-  "version": "1.12.1",
+  "version": "1.12.2",
   "description": "自用Pixi.JS方法库",
   "license": "ISC",
   "exports": {