fix: parse hex color and extract opacity

[hamed-musallam]

• Fix SVG export to be compatible with word #2166 (comment)

We parse the color to extract the color in hex and the alpha and convert the alpha hex value to a decimal value between 0 and 1.

nmrium/src/component/utility/parseHexaColor.ts

Lines 1 to 20 in 2cdf4dd

	export function parseColor(color: string) {
	if (!color.startsWith('#')) {
	return { color, opacity: 1 };
	}
	const hex = color.replace('#', '');
	if (hex.length === 3) {
	return {
	color: `#${hex[0]}${hex[0]}${hex[1]}${hex[1]}${hex[2]}${hex[2]}`,
	opacity: 1,
	};
	}
	const hexOpacity = hex.slice(6) || 'FF';
	const opacity =
	Math.round((Number.parseInt(hexOpacity, 16) / 255) * 100) / 100;
	return { color: `#${hex.slice(0, 6)}`, opacity };
	}

This should solve the problem of why the spectra are not visible when the import the exported SVG to MS World

[cloudflare-pages]

Deploying with    Cloudflare Pages

Latest commit:	b8c78b6
Status:	✅  Deploy successful!
Preview URL:	https://5b7443c6.nmrium.pages.dev
Branch Preview URL:	https://fix-spectra-color.nmrium.pages.dev

View logs

[hamed-musallam]

@lpatiny

WDT ? is it good for you to parse the color in this way ?

[lpatiny]

Exporting to SVG and importing to word is ok:

However if from word I print to PDF I obtain:

How can I solve this issue ?

[hamed-musallam]

I think this issue is related to how the MS Word PDF conversion works, currently, The MS Word version that i use for the PDF exportation works perfectly!!!

#2166 (comment)

[lpatiny]

Yes we should merge this PR. It opens correctly in inkscape.