28 lines
635 B
TypeScript
28 lines
635 B
TypeScript
import { Image } from "antd";
|
|
|
|
type CanvasImagePreviewProps = {
|
|
src: string;
|
|
alt?: string;
|
|
onClose: () => void;
|
|
};
|
|
|
|
export function CanvasImagePreview({ src, alt = "图片", onClose }: CanvasImagePreviewProps) {
|
|
if (!src) return null;
|
|
|
|
return (
|
|
<Image
|
|
src={src}
|
|
alt={alt}
|
|
style={{ display: "none" }}
|
|
preview={{
|
|
open: true,
|
|
movable: true,
|
|
minScale: 0.5,
|
|
maxScale: 12,
|
|
scaleStep: 0.25,
|
|
onOpenChange: (open) => !open && onClose(),
|
|
}}
|
|
/>
|
|
);
|
|
}
|