artboard color backwards compatibility

This commit is contained in:
jrkb 2024-01-09 12:30:55 +01:00
parent e4ca41c2f0
commit 48c7db3f6e
2 changed files with 15 additions and 2 deletions

View file

@ -102,7 +102,7 @@ const Artboard = function(tp, domElement = false, autoInit = true) {
let cppProps = JSON.parse(JSON.stringify(_props)); let cppProps = JSON.parse(JSON.stringify(_props));
let bgIsArray = Array.isArray(cppProps.color); let bgIsArray = Array.isArray(cppProps.color);
if (bgIsArray && cppProps.color.length === 4) { if (bgIsArray && cppProps.color.length === 4) {
cppProps.backgroundColor = color; cppProps.backgroundColor = cppProps.color;
delete cppProps.color; delete cppProps.color;
// nothing to do // nothing to do
} else if (!bgIsArray && cppProps.color.hasOwnProperty('r')) { } else if (!bgIsArray && cppProps.color.hasOwnProperty('r')) {

View file

@ -200,7 +200,12 @@ const Exporter = function() {
}; };
const updateArtboardOptions = () => { const updateArtboardOptions = () => {
options.artboard = {...options.artboard, ...Module.getArtboardProps()}; const artboardValues = clone(Module.getArtboardProps());
if (typeof artboardValues.backgroundColor === 'object') {
artboardValues.color = artboardValues.backgroundColor;
delete artboardValues.backgroundColor;
}
options.artboard = {...options.artboard, ...artboardValues};
//options.artboard.width = getArtboard().theatreObject.value.width; //options.artboard.width = getArtboard().theatreObject.value.width;
//options.artboard.height = getArtboard().theatreObject.value.height; //options.artboard.height = getArtboard().theatreObject.value.height;
options.artboard.pixelDensity = getArtboard().theatreObject.value.pixelDensity; options.artboard.pixelDensity = getArtboard().theatreObject.value.pixelDensity;
@ -218,6 +223,10 @@ const Exporter = function() {
const setArtboardPropsToRenderDimensions = () => { const setArtboardPropsToRenderDimensions = () => {
const artboardValues = clone(options.artboard);//{...options.artboard, ...renderDimensions}; const artboardValues = clone(options.artboard);//{...options.artboard, ...renderDimensions};
if (typeof artboardValues.backgroundColor === 'object') {
artboardValues.color = artboardValues.backgroundColor;
delete artboardValues.backgroundColor;
}
const densityRatio = renderDimensions.width / options.artboard.width; const densityRatio = renderDimensions.width / options.artboard.width;
//artboardValues.pixelDensity *= densityRatio; //artboardValues.pixelDensity *= densityRatio;
artboardValues.pixelDensity = densityRatio; artboardValues.pixelDensity = densityRatio;
@ -227,6 +236,10 @@ const Exporter = function() {
|| currentArtboardValues.height !== artboardCppProps.height || currentArtboardValues.height !== artboardCppProps.height
|| currentArtboardValues.pixelDensity !== artboardCppProps.pixelDensity) { || currentArtboardValues.pixelDensity !== artboardCppProps.pixelDensity) {
window.isRenderDirty = true; window.isRenderDirty = true;
if (typeof artboardCppProps.color === 'object') {
artboardCppProps.backgroundColor = artboardCppProps.color;
delete artboardCppProps.color;
}
Module.setArtboardProps(artboardCppProps); Module.setArtboardProps(artboardCppProps);
} }
Module.setTimeScale(renderDimensions.timeScale); Module.setTimeScale(renderDimensions.timeScale);