zrender-nightly 5.6.2-dev.20250406 → 5.6.2-dev.20250407

package/lib/tool/color.d.ts

@@ -1,4 +1,6 @@
 import { GradientObject } from '../graphic/Gradient';
+export declare function parseCssInt(val: string | number): number;
+export declare function parseCssFloat(val: string | number): number;
 export declare function parse(colorStr: string, rgbaArr?: number[]): number[];
 export declare function lift(color: string, level: number): string;
 export declare function toHex(color: string): string;

package/lib/tool/color.js

@@ -87,14 +87,14 @@ function clampCssAngle(i) {
 function clampCssFloat(f) {
     return f < 0 ? 0 : f > 1 ? 1 : f;
 }
-function parseCssInt(val) {
+export function parseCssInt(val) {
     var str = val;
     if (str.length && str.charAt(str.length - 1) === '%') {
         return clampCssByte(parseFloat(str) / 100 * 255);
     }
     return clampCssByte(parseInt(str, 10));
 }
-function parseCssFloat(val) {
+export function parseCssFloat(val) {
     var str = val;
     if (str.length && str.charAt(str.length - 1) === '%') {
         return clampCssFloat(parseFloat(str) / 100);

package/lib/tool/parseSVG.js

@@ -13,6 +13,7 @@ import LinearGradient from '../graphic/LinearGradient.js';
 import RadialGradient from '../graphic/RadialGradient.js';
 import TSpan from '../graphic/TSpan.js';
 import { parseXML } from './parseXML.js';
+import * as colorTool from './color.js';
 ;
 var nodeParsers;
 var INHERITABLE_STYLE_ATTRIBUTES_MAP = {
@@ -399,6 +400,16 @@ function parseGradientColorStops(xmlNode, gradient) {
             var stopColor = styleVals.stopColor
                 || stop.getAttribute('stop-color')
                 || '#000000';
+            var stopOpacity = styleVals.stopOpacity
+                || stop.getAttribute('stop-opacity');
+            if (stopOpacity) {
+                var rgba = colorTool.parse(stopColor);
+                var stopColorOpacity = rgba && rgba[3];
+                if (stopColorOpacity) {
+                    rgba[3] *= colorTool.parseCssFloat(stopOpacity);
+                    stopColor = colorTool.stringify(rgba, 'rgba');
+                }
+            }
             gradient.colorStops.push({
                 offset: offset,
                 color: stopColor

package/lib/zrender.d.ts

@@ -90,7 +90,7 @@ export declare type ElementSSRData = zrUtil.HashMap<unknown>;
 export declare type ElementSSRDataGetter<T> = (el: Element) => zrUtil.HashMap<T>;
 export declare function getElementSSRData(el: Element): ElementSSRData;
 export declare function registerSSRDataGetter<T>(getter: ElementSSRDataGetter<T>): void;
-export declare const version = "5.6.2-dev.20250406";
+export declare const version = "5.6.2-dev.20250407";
 export interface ZRenderType extends ZRender {
 }
 export {};

package/lib/zrender.js

@@ -324,5 +324,5 @@ export function getElementSSRData(el) {
 export function registerSSRDataGetter(getter) {
     ssrDataGetter = getter;
 }
-export var version = '5.6.2-dev.20250406';
+export var version = '5.6.2-dev.20250407';
 ;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zrender-nightly",
-  "version": "5.6.2-dev.20250406",
+  "version": "5.6.2-dev.20250407",
   "description": "A lightweight graphic library providing 2d draw for Apache ECharts",
   "keywords": [
     "canvas",

package/src/tool/color.ts

@@ -93,7 +93,7 @@ function clampCssFloat(f: number): number {  // Clamp to float 0.0 .. 1.0.
     return f < 0 ? 0 : f > 1 ? 1 : f;
 }
 
-function parseCssInt(val: string | number): number {  // int or percentage.
+export function parseCssInt(val: string | number): number {  // int or percentage.
     let str = val as string;
     if (str.length && str.charAt(str.length - 1) === '%') {
         return clampCssByte(parseFloat(str) / 100 * 255);
@@ -101,7 +101,7 @@ function parseCssInt(val: string | number): number {  // int or percentage.
     return clampCssByte(parseInt(str, 10));
 }
 
-function parseCssFloat(val: string | number): number {  // float or percentage.
+export function parseCssFloat(val: string | number): number {  // float or percentage.
     let str = val as string;
     if (str.length && str.charAt(str.length - 1) === '%') {
         return clampCssFloat(parseFloat(str) / 100);

package/src/tool/parseSVG.ts

@@ -19,6 +19,7 @@ import RadialGradient, { RadialGradientObject } from '../graphic/RadialGradient'
 import Gradient, { GradientObject } from '../graphic/Gradient';
 import TSpan, { TSpanStyleProps } from '../graphic/TSpan';
 import { parseXML } from './parseXML';
+import * as colorTool from './color';
 
 
 interface SVGParserOption {
@@ -627,9 +628,19 @@ function parseGradientColorStops(xmlNode: SVGElement, gradient: GradientObject):
             // <stop stop-color="red"/>
             const styleVals = {} as Dictionary<string>;
             parseInlineStyle(stop, styleVals, styleVals);
-            const stopColor = styleVals.stopColor
+            let stopColor = styleVals.stopColor
                 || stop.getAttribute('stop-color')
                 || '#000000';
+            const stopOpacity = styleVals.stopOpacity
+                || stop.getAttribute('stop-opacity');
+            if (stopOpacity) {
+                const rgba = colorTool.parse(stopColor);
+                const stopColorOpacity = rgba && rgba[3];
+                if (stopColorOpacity) {
+                    rgba[3] *= colorTool.parseCssFloat(stopOpacity);
+                    stopColor = colorTool.stringify(rgba, 'rgba');
+                }
+            }
 
             gradient.colorStops.push({
                 offset: offset,

package/src/zrender.ts

@@ -556,7 +556,7 @@ export function registerSSRDataGetter<T>(getter: ElementSSRDataGetter<T>) {
 /**
  * @type {string}
  */
-export const version = '5.6.2-dev.20250406';
+export const version = '5.6.2-dev.20250407';
 
 
 export interface ZRenderType extends ZRender {};