Merge pull request #51 from ericente/feature/gradient-transparency

Support transparency in gradient colors
ShukantPal · Mar 5, 2022 · dd30e0f · dd30e0f
2 parents 969559f + 3267acb
commit dd30e0f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/packages/gradients/src/ColorStop.ts b/packages/gradients/src/ColorStop.ts
@@ -5,6 +5,6 @@
  */
 export interface ColorStop
 {
-    color: number;
+    color: number | string;
     offset: number;
 }
diff --git a/packages/gradients/src/GradientFactory.ts b/packages/gradients/src/GradientFactory.ts
@@ -11,7 +11,10 @@ import type { Renderer } from '@pixi/core';
  * @ignore
  * @param color - The hexadecimal form of the color.
  */
-function cssColor(color: number) {
+function cssColor(color: number | string) {
+    if(typeof color === 'string'){
+        return color;
+    }
     let string = color.toString(16);
 
     while (string.length < 6) {
@@ -75,7 +78,7 @@ export class GradientFactory
 
         colorStops.forEach((stop) => {
             gradient.addColorStop(stop.offset, cssColor(stop.color));
-        })
+        });
 
         context.fillStyle = gradient;
         context.fillRect(0, 0, renderTexture.width, renderTexture.height);
@@ -144,7 +147,7 @@ export class GradientFactory
 
         colorStops.forEach((stop) => {
             gradient.addColorStop(stop.offset, cssColor(stop.color));
-        })
+        });
 
         context.fillStyle = gradient;
         context.fillRect(0, 0, renderTexture.width, renderTexture.height);