feat(replace-and-invert-colour): Add CMYK color space conversion with prepress preset for PDF processing (#4494)

This commit is contained in:
Balázs Szücs
2025-09-28 16:39:20 +01:00
committed by GitHub
parent 4ad039d034
commit 07392ed25e
8 changed files with 139 additions and 19 deletions
@@ -878,6 +878,12 @@ replace-color.selectText.8=Yellow text on black background
replace-color.selectText.9=Green text on black background
replace-color.selectText.10=Choose text Colour
replace-color.selectText.11=Choose background Colour
replace-color.selectText.12=Colour Space Conversion (CMYK for Printing)
replace-color.selectText.13=CMYK Colour Space Conversion
replace-color.selectText.14=This option converts the PDF from RGB colour space to CMYK colour space, which is optimized for professional printing. This process:
replace-color.selectText.15=Converts colours to CMYK (Cyan, Magenta, Yellow, Black) colour model used by professional printers
replace-color.selectText.16=Optimizes the PDF for print production with prepress settings
replace-color.selectText.17=May result in slight colour changes as CMYK has a smaller colour gamut than RGB
replace-color.submit=Replace
@@ -30,6 +30,7 @@
<option value="HIGH_CONTRAST_COLOR" th:text="#{replace-color.selectText.2}" ></option>
<option value="CUSTOM_COLOR" th:text="#{replace-color.selectText.3}"></option>
<option value="FULL_INVERSION" th:text="#{replace-color.selectText.4}" selected></option>
<option th:text="#{replace-color.selectText.12}" value="COLOR_SPACE_CONVERSION"></option>
</select>
</div>
</div>
@@ -56,6 +57,18 @@
<input type="color" name="backGroundColor" id="bg-color" class="form-control">
</div>
</div>
<div class="card mb-3" id="color-space-info" style="display: none">
<div class="card-body">
<h4 th:text="#{replace-color.selectText.13}"></h4>
<p th:text="#{replace-color.selectText.14}"></p>
<ul>
<li th:text="#{replace-color.selectText.15}"></li>
<li th:text="#{replace-color.selectText.16}"></li>
<li th:text="#{replace-color.selectText.17}"></li>
</ul>
</div>
</div>
<button type="submit" id="submitBtn" class="btn btn-primary" th:text="#{replace-color.submit}"></button>
</form>
@@ -74,12 +87,15 @@
$('#high-contrast-options').hide();
$('#custom-color-1').hide();
$('#custom-color-2').hide();
$('#color-space-info').hide();
if (selectedOption === "HIGH_CONTRAST_COLOR") {
$('#high-contrast-options').show();
} else if (selectedOption === "CUSTOM_COLOR") {
$('#custom-color-1').show();
$('#custom-color-2').show();
} else if (selectedOption === "COLOR_SPACE_CONVERSION") {
$('#color-space-info').show();
}
});
});