一个强大的 JavaScript 图像编辑器 Pintura Editor

共12个文件

svg：3个

css：2个

json：2个

javascript

开发语言

ecmascript

需积分: 15 6 下载量 33 浏览量 2022-03-26 16:02:50 上传评论收藏 758KB ZIP 举报

温馨提示

一个完全可配置的图像编辑器 SDK，在移动和桌面上很直观。裁剪、旋转、调整大小、过滤、注释、调整颜色等等

资源详情

资源评论

资源推荐

收起资源包目录

pintura-demo.zip （12个子文件）

thumbnail.png 77KB

my-image.jpeg 94KB

pintura.js 496KB

package.json 669B

sticker-three.svg 572B

sandbox.config.json 91B

sticker-two.svg 572B

sticker-one.svg 572B

index.html 1KB

license.md 124B

styles.css 360B

pintura.css 85KB

共 12 条

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="./pintura.css" /> <link rel="stylesheet" href="./styles.css" /> </head> <body> <div class="my-editor"></div> <script type="module"> import { appendDefaultEditor } from "./pintura.js"; const pintura = appendDefaultEditor(".my-editor", { // The source image to load src: "./my-image.jpeg", // This will set a square crop aspect ratio imageCropAspectRatio: 1, // Stickers available to user stickers: [ ["Emoji", ["âï¸", "ð", "ð", "ð", "âï¸", "ð¤", "ð¥"]], [ "Markers", [ { src: "sticker-one.svg", width: "5%", alt: "One" }, { src: "sticker-two.svg", width: "5%", alt: "Two" }, { src: "sticker-three.svg", width: "5%", alt: "Three" } ] ] ] }); </script> </body> </html>