You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have applied filter like Moon, the code in the JSON is filter: "Nb", This value is saving in the backend, but not applying back when i go back to edit the same updates.
Please help me to apply the saved filters back on the image in the editor.
I have applied filter like Moon, the code in the JSON is filter: "Nb", This value is saving in the backend, but not applying back when i go back to edit the same updates.
Please help me to apply the saved filters back on the image in the editor.
This is the designState Object for the same
var designState = {
"imgSrc": "https://thumbs.dreamstime.com/b/violet-purple-stars-gold-background-bokeh-texture-new-year-birthday-baby-shower-party-creative-pattern-banner-violet-133669452.jpg",
"finetunes": [
"Brighten"
],
"finetunesProps": {
"brightness": 0.2
},
"filter": "Nb",
"adjustments": {
"crop": {
"ratio": "original",
"ratioTitleKey": "original",
"width": 569.95988,
"height": 209.81648,
"x": 0,
"y": 0
},
"isFlippedX": false,
"isFlippedY": false,
"rotation": 0
},
"annotations": {
"watermark": {
"fill": "rgb(245, 50, 50)",
"stroke": "#000000",
"strokeWidth": 0,
"shadowOffsetX": 0,
"shadowOffsetY": 0,
"shadowBlur": 0,
"shadowColor": "#000000",
"shadowOpacity": 1,
"opacity": 1,
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
"fontFamily": "Arial",
"fonts": [
{
"label": "Arial",
"value": "Arial"
},
"Tahoma",
"Sans-serif",
{
"label": "Comic Sans",
"value": "Comic-sans"
}
],
"fontSize": 24,
"letterSpacing": 0,
"lineHeight": 1,
"align": "left",
"fontStyle": "normal",
"height": 104.90824,
"width": 284.97994,
"padding": 1,
"x": 142.48997,
"y": 52.45412,
"id": "watermark",
"name": "Text"
}
},
"resize": {},
"shownImageDimensions": {
"width": 801.4295625,
"height": 295.0262576953125,
"scaledBy": 1
}
}
const config = {
source: designState.imgSrc,
onSave: (editedImageObject, designState) =>{
//function to send the objects to server
jsonVal(editedImageObject,designState)
//console.log('saved', editedImageObject, designState)
},
loadableDesignState: designState,
}
ImageEditor.zip
The text was updated successfully, but these errors were encountered: