fix: image display new image

This commit is contained in:
jialin
2025-01-15 21:37:28 +08:00
parent 4240bad627
commit c599cab14a
3 changed files with 14 additions and 31 deletions
+5 -4
View File
@@ -79,7 +79,7 @@ const CanvasImageEditor: React.FC<CanvasImageEditorProps> = ({
);
const getTransformLineWidth = useCallback((lineWidth: number) => {
return lineWidth;
return lineWidth / autoScale.current;
}, []);
const setCanvasTransformOrigin = (e: React.MouseEvent<HTMLCanvasElement>) => {
@@ -518,7 +518,7 @@ const CanvasImageEditor: React.FC<CanvasImageEditorProps> = ({
if (strokesRef.current.length) {
redrawStrokes(strokesRef.current);
}
}, [drawImage, onReset, redrawStrokes, imguid, imageStatus]);
}, [drawImage, onReset, redrawStrokes, imguid]);
const updateZoom = (scaleChange: number, mouseX: number, mouseY: number) => {
const newScale = _.round(autoScale.current + scaleChange, 2);
@@ -574,14 +574,15 @@ const CanvasImageEditor: React.FC<CanvasImageEditorProps> = ({
setTransform();
overlayCanvasRef.current!.style.transform = `scale(${autoScale.current})`;
canvasRef.current!.style.transform = `scale(${autoScale.current})`;
setActiveScale(autoScale.current);
updateCursorSize();
redrawStrokes(strokesRef.current);
};
const handleBrushSizeChange = (value: number) => {
setLineWidth(value);
cursorRef.current!.style.width = `${value * autoScale.current}px`;
cursorRef.current!.style.height = `${value * autoScale.current}px`;
cursorRef.current!.style.width = `${value}px`;
cursorRef.current!.style.height = `${value}px`;
};
useEffect(() => {
initializeImage();
@@ -274,32 +274,15 @@ const AddModal: React.FC<AddModalProps> = (props) => {
return groupList[item.value];
});
const list72B =
_.toLower(current.name) === 'qwen2.5'
? _.filter(res.items, (item: CatalogSpec) => {
return item.size === 72;
})
: [];
const list = _.sortBy(res.items, 'size');
let defaultSpec: any = {};
if (list72B.length) {
defaultSpec =
_.find(list72B, (item: CatalogSpec) => {
return getDefaultQuant({
category: _.get(current, 'categories.0', ''),
quantOption: item.quantization
});
}) || _.get(list72B, `0`, {});
} else {
defaultSpec =
_.find(res.items, (item: CatalogSpec) => {
return getDefaultQuant({
category: _.get(current, 'categories.0', ''),
quantOption: item.quantization
});
}) || _.get(res.items, `0`, {});
}
const defaultSpec =
_.find(list, (item: CatalogSpec) => {
return getDefaultQuant({
category: _.get(current, 'categories.0', ''),
quantOption: item.quantization
});
}) || _.get(res.items, `0`, {});
selectSpecRef.current = defaultSpec;
setSourceList(sources);
@@ -218,7 +218,6 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
const imageFile = useMemo(() => {
if (!image) return null;
console.log('image>>>>>>>>>>>>>>', image);
return base64ToFile(image, 'image');
}, [image]);
@@ -283,6 +282,7 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
try {
await form.current?.form?.validateFields();
if (!parameters.model) return;
doneImage.current = false;
const size: any = setImageSize();
setLoading(true);
setMessageId();
@@ -688,7 +688,6 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
}, [image, loading, imageStatus, handleOnSave, handleUpdateImageList]);
const handleOnImgClick = useCallback((item: any, isOrigin: boolean) => {
console.log('item:99', item);
if (item.progress < 100) {
return;
}