ARTICLE DETAIL

资讯详情

深耕网站视觉设计与运营推广的一线实战洞察。

DPaint.js URL参数与自动保存机制:高级用户的隐藏效率技巧清单

DPaint.js URL参数与自动保存机制:高级用户的隐藏效率技巧清单 DPaint.js URL参数与自动保存机制高级用户的隐藏效率技巧清单【免费下载链接】DPaint-jsWebbased image editor, modeled after the legendary Deluxe Paint with a focus on retro Amiga file formats: read and write Amiga icon files and IFF ILBM images/animations项目地址: https://gitcode.com/gh_mirrors/dp/DPaint-jsDPaint.js 是一款运行在浏览器中的复古图像编辑器以 Amiga 经典 Deluxe Paint 为原型专注于 IFF ILBM 图片、动画与 Amiga 图标等复古文件格式的读写。它完全免费、无账号、无追踪所有处理都在本地完成。对进阶用户来说除了绘画工具本身URL 参数配置与自动保存机制是两处常被忽视的效率利器——用好它们可以直接用链接打开图片、一键进入演示模式、把保存动作对接到自己的服务器 API还能在意外关页后完整找回工作进度。一、URL参数快速入门用链接遥控编辑器DPaint.js 支持通过 URL 参数在启动时配置编辑器状态适合分享图片链接或把编辑器嵌入你自己的 Web 应用。参数一览如下参数作用典型用法file...启动时直接加载远程图片分享给朋友直接打开一张 ILBMpresentationtrue进入演示模式可缩放、平移展示 HAM 等浏览器不支持的格式playtrue配合file立即播放动画/颜色循环GIF、ANIM、带 Color Cycle 的图zoomtrue加载后自动缩放至铺满屏幕像素画高清放大预览palette从图片中重新提取调色板分析老图配色gallerytrue启动后打开画廊并加载第一张图图片集浏览入口postback.../putback...点击保存时把原始二进制图片 POST / PUT 到指定端点与自有 API 集成1.file参数让链接直接携带画布在地址后追加?file图片地址编辑器就会自动拉取并打开该图片也支持 JSON 工程文件。注意图片所在服务器需要支持 CORS 跨域若不支持 CORS 或使用了 HTTPDPaint.js 会通过代理服务器中转速度较慢建议优先配置好 CORS 头。该逻辑入口在_script/app.js的me.init中读取urlParams命中file后调用_script/image.js的openUrl方法完成加载。2. 组合技presentation play zoom三个参数可以自由叠加组合成点开即放映的链接例如?filexxx.iffplaytruezoomtrue。演示模式下用户可随时退出回到编辑界面。这是给复古格式图片做展示页时最省事的方案无需自己写播放器。3.postback/putback保存直连你的后端在保存对话框中若检测到 URL 中存在putbackPUT 请求或postbackPOST 请求参数编辑器会把图片以原始二进制数据的形式发送到该地址。配合file参数就形成了一个完整的从你的 API 读图 → 本地编辑 → 存回你的 API闭环非常适合把 DPaint.js 嵌入 CMS 或素材库系统。相关实现见_script/ui/components/saveDialog.js中检测postBack的段落。二、自动保存机制崩溃与误关页的安全网DPaint.js 内置了一套基于浏览器本地存储的自动保存系统无需任何配置触发时机图层变化、图像内容修改、画布尺寸改变、历史记录变化等任何改动都会触发自动保存并做 1 秒防抖连续操作只保存一次实现位于_script/image.js的autoSave事件监听中存储位置写入浏览器的 IndexedDB数据库名dpaintjsfiles表键名autosave底层工具见_script/util/storage.js的putFile/getFile方法自动恢复启动时若没有file参数_script/app.js会调用ImageFile.restoreAutoSave()自动从 IndexedDB 读取上次的工作内容并恢复——包括图层、调色板与历史记录。 这意味着你完全可以放心大胆地连续工作即使误关标签页只要用相同方式重新打开编辑器进度就会自动回来。三、隐藏效率技巧清单收藏一条放映厅链接把常用的?file...presentationtruezoomtrue存为书签演示老图不用先开编辑器用playtrue验证动画做 Color Cycling 或帧动画时复制当前地址加上该参数即可即时预览播放效果palette参数提取配色打开任意一张复古截图并追加palette编辑器会自动从图中重建调色板是分析老作品配色的捷径自建编辑工作台fileputback组合接入自己的存储后端让团队成员在浏览器里直接编辑 ILBM 并回写无需下载再上传依赖自动保存但不止依赖它自动保存存在本机浏览器中换设备或清理浏览器数据后会丢失重要成果记得仍要用保存对话框导出为 IFF / PNG / JSON 文件。写在最后URL 参数 自动保存是 DPaint.js 中最隐形却最实用的两套机制前者让编辑器从要打开才能用变成一个链接就能用后者让工作进度不再依赖手工保存的自觉。完整参数说明可参考项目文档docs/url_parameters.html。【免费下载链接】DPaint-jsWebbased image editor, modeled after the legendary Deluxe Paint with a focus on retro Amiga file formats: read and write Amiga icon files and IFF ILBM images/animations项目地址: https://gitcode.com/gh_mirrors/dp/DPaint-js创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表