mirror of
https://github.com/ant-design/ant-design.git
synced 2025-07-29 02:26:27 +08:00
ab0103f33a
* feat(Image): imageRender、toolbarRender、onTransform、items、minScale、maxScale * test: update snapshots * demo: revokeObjectURL url * docs: update * docs: update * docs: update * fix: revert style * docs: update md
25 lines
609 B
TypeScript
25 lines
609 B
TypeScript
import { Image } from 'antd';
|
|
import React from 'react';
|
|
|
|
const App: React.FC = () => (
|
|
<Image
|
|
width={200}
|
|
preview={{
|
|
imageRender: () => (
|
|
<video
|
|
muted
|
|
width="100%"
|
|
controls
|
|
src="https://mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*uYT7SZwhJnUAAAAAAAAAAAAADgCCAQ"
|
|
/>
|
|
),
|
|
toolbarRender: (_, { icons: { closeIcon } }) => (
|
|
<ul className="ant-image-preview-operations">{closeIcon}</ul>
|
|
),
|
|
}}
|
|
src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
|
|
/>
|
|
);
|
|
|
|
export default App;
|