svelte-easy-crop:一个 Svelte 组件,可以通过简单的交互来裁剪图像

时间:2024-08-23 23:07:01
【文件属性】:

文件名称:svelte-easy-crop:一个 Svelte 组件,可以通过简单的交互来裁剪图像

文件大小:409KB

文件格式:ZIP

更新时间:2024-08-23 23:07:01

svelte crop image-manipulation crop-image cropping

苗条的容易作物 一个 Svelte 组件,可以通过简单的交互来裁剪图像 这是react-easy-crop ( ) 的重写。 演示 特征 支持拖动和缩放交互 以像素和百分比的形式提供裁剪尺寸 支持任何图像格式(JPEG、PNG、甚至 GIF)作为 url 或 base64 字符串 移动友好 安装 yarn add svelte-easy-crop 要么 npm install svelte-easy-crop --save 基本用法 Cropper 的样式为position: absolute以占据其父级的全部空间。 因此,你需要用一个使用position: relative的元素来包装它,否则裁剪器将填满整个页面。 < script > import Cropper from 'svelte-easy-crop' let image = '/images/dog.jpe


【文件预览】:
svelte-easy-crop-master
----example()
--------App.svelte(388B)
--------main.js(132B)
--------public()
----.babelrc(107B)
----rollup.config.js(427B)
----package.json(2KB)
----cypress()
--------plugins()
--------support()
--------integration()
----.github()
--------FUNDING.yml(67B)
--------PULL_REQUEST_TEMPLATE.md(256B)
--------ISSUE_TEMPLATE.md(771B)
--------ISSUE_TEMPLATE()
--------CONTRIBUTING.md(1KB)
----.prettierrc(152B)
----LICENSE(1KB)
----rollup.config.example.js(1KB)
----src()
--------index.svelte(8KB)
--------helpers.js(5KB)
--------helpers.test.js(6KB)
----.gitignore(142B)
----CHANGELOG.md(79B)
----.circleci()
--------config.yml(804B)
----CODE_OF_CONDUCT.md(3KB)
----cypress.json(66B)
----README.md(8KB)
----yarn.lock(273KB)

网友评论