psd-reader:适用于 JavaScript 的快速轻便的 Photoshop:registered: PSD 文件解析器

  • Q8_827819
    了解作者
  • 2MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-20 11:42
    上传日期
psd阅读器 直接在网络浏览器中显示 Adob​​e:registered: Photoshop:registered: PSD 文件。 使用 PSD 文件作为画布的图像源。 直接在浏览器中将 PSD 转换为 PNG 或 JPEG。 创建支持 PSD 文件的幻灯片。 特征 快速轻便 异步和基于段的解码(无 UI 阻塞) 无依赖 读取所有支持的格式(灰度、位图、索引、RGB、CMYK、DuoTone、多通道和实验室) 读取所有颜色深度(1/8/16/32 位) 处理索引模式的 alpha 通道和透明度 使用 alpha 通道对图像进行去哑光(哑光去除)处理(消除“光晕”问题) 支持 RLE 压缩和未压缩的图像数据 默认情况下,将所有格式转换为 RGBA,以便它可以直接与画布一起使用 具有可选缩放和高质量下采样的画布辅助方法 可选的伽马校正 默认情况下,自动校正 32 位颜色模式的显示伽玛 访问原始通道位图(如果需要解压缩
psd-reader-master.zip
  • psd-reader-master
  • demos
  • gfx
  • epistemex_RGB16.psd
    95.8KB
  • epistemex_indexed32.psd
    62.3KB
  • epistemex_RGB32.psd
    133KB
  • epistemex_RGBA16.psd
    105.1KB
  • epistemex_LAB16.psd
    94.6KB
  • epistemex_G32.psd
    84.6KB
  • epistemex_GA8.psd
    65.4KB
  • epistemex_RGBA8.psd
    71.4KB
  • epistemex_DUO8A.psd
    65.6KB
  • epistemex_RGB8.psd
    71.2KB
  • epistemex_GA16.psd
    81.9KB
  • epistemex_CMYKA8.psd
    624.6KB
  • epistemex_MultiChannel.psd
    61.7KB
  • epistemex_Indexed32T.psd
    61.5KB
  • epistemex_LABA16.psd
    104.1KB
  • epistemex_LABA8.psd
    71.5KB
  • epistemex_Indexed256T.psd
    62.2KB
  • epistemex_GA32.psd
    106KB
  • epistemex_CMYKA16.psd
    662.2KB
  • epistemex_CMYK8.psd
    614.9KB
  • epistemex_LAB8.psd
    69.4KB
  • epistemex_G8.psd
    64.2KB
  • epistemex_G16.psd
    71.8KB
  • epistemex_bitmap.psd
    57.3KB
  • epistemex_RGBA32.psd
    148.5KB
  • epistemex_CMYK16.psd
    650.4KB
  • css
  • drop.css
    1010B
  • show_formats.html
    3.9KB
  • demo_gamma.html
    2.6KB
  • psddrop.html
    3.5KB
  • src
  • psd.convert.duotone.js
    709B
  • psd.convert.indexed.js
    869B
  • psd.convert.lab.js
    1.6KB
  • psd.parser.js
    5.5KB
  • psd.convert.grey.js
    874B
  • psd.convert.canvas.js
    2.6KB
  • psd.convert.rgba.js
    956B
  • psd.convert.bitmap.js
    715B
  • psd.convert.cmyk.js
    650B
  • psd.convert.dematte.js
    1.2KB
  • psd.convert.gamma.js
    624B
  • psd.parser.rle.js
    1.5KB
  • psd.parser.raw.js
    481B
  • psd.convert.torgba.js
    1.4KB
  • psd.core.js
    13.7KB
  • docs
  • styles
  • sunlight.dark.css
    8.4KB
  • site.cerulean.css
    135.6KB
  • img
  • glyphicons-halflings.png
    12.5KB
  • glyphicons-halflings-white.png
    8.6KB
  • scripts
  • docstrap.lib.js
    305.2KB
  • toc.js
    2.7KB
  • bootstrap-dropdown.js
    4.3KB
  • index.html
    9.7KB
  • tutorial-Overview.html
    12.1KB
  • classes.list.html
    4.5KB
  • tutorial-Dematting.html
    5.3KB
  • tutorials.list.html
    4.5KB
  • tutorial-Resources.html
    5KB
  • tutorial-Compatibility Mode.html
    5KB
  • PsdReader.html
    40.1KB
  • tutorial-Gamma.html
    5.4KB
  • tutorial-ICC.html
    4.4KB
  • bower.json
    435B
  • README.md
    4.9KB
  • psd-reader.min.js
    9.8KB
  • LICENSE-MIT.txt
    1.1KB
  • Change.log
    4.2KB
内容介绍
psd-reader ========== Display Adobe® Photoshop® PSD files directly in the web browser. - Use PSD files as an image source for canvas. - Convert PSD to PNG or JPEG directly in the browser. - Create slide-shows with support for PSD files. [![demo snapshot](http://i.imgur.com/yQ4Irq2.png)](https://epistemex.github.io/psd-reader/psddrop.html) Features -------- - Fast and lightweight - Asynchronous and segment-based decoding (no UI-blocking) - No dependencies - Reads all supported formats (Greyscale, Bitmap, Indexed, RGB, CMYK, DuoTone, Multi-channel and Lab) - Reads all color depths (1/8/16/32 bits) - Handles alpha channel, and transparency for indexed mode - De-matte (matte removal) processing of images with alpha-channel (eliminates "halo" problems) - Supports RLE compressed and uncompressed image data - By default, converts all formats to RGBA so it can be used directly with canvas - Canvas helper method with optional scaling and high-quality down-sampling - Optional gamma correction - By default, auto-corrects display gamma for 32-bit color mode - Access to the original channel bitmaps (decompressed if needed) - Access to raw meta and header data - Access to resource chunks (incl. ID locator method) - Passive load mode allowing parsing to be invoked manually later - Validates and performs error checks - Works in all major browsers (Firefox, Chrome, IE, Opera, Safari). - For client-side use - An original parser implementation built from scratch. - Full documentation (see docs/ folder or [online docs](https://epistemex.github.io/psd-reader/docs/)) Demos ----- Demos demonstrating **psd-reader**. *Note that PSD files can be relative large in size so please be patient when downloading the test images for the acid-test demo.* **➜ [Acid-test - various color modes, formats and depths](https://epistemex.github.io/psd-reader/)** **➜ [Built-in gamma correction](https://epistemex.github.io/psd-reader/demo_gamma.html)** **➜ [Drop in your own PSD files](https://epistemex.github.io/psd-reader/psddrop.html)** Install ------- Install **psd-reader** in various ways: - Bower: `bower install psd-reader` - Git using HTTPS: `git clone https://github.com/epistemex/psd-reader.git` - Git using SSH: `git clone git@github.com:epistemex/psd-reader.git` - Download [zip archive](https://github.com/epistemex/psd-reader/archive/master.zip) and extract. - [psd-reader.min.js](https://raw.githubusercontent.com/epistemex/psd-reader/master/psd-reader.min.js) Documentation ------------- The project is documented and is available as html in the `docs` folder **➜ [The documentation can be viewed online](https://epistemex.github.io/psd-reader/docs/)** Tutorials and general information is included in the docs. Usage ----- Create a new instance, pass in an URL (or an array buffer), and a callback: var psd = new PsdReader({url: "path/to.psd", onLoad: myCallback}); In your callback you can access the RGBA data: function myCallback(e) { var bitmap = this.rgba; } To get a canvas version of the data: function myCallback(e) { var canvas = this.toCanvas(); ... } An already existing ArrayBuffer can be used instead of an URL: var psd = new PsdReader({buffer: psdArrayBuffer, onLoad: myCallback}); There is additional access to the original channel bitmap data in it´s native format (8-bit, 16-bit etc.). The header information can be accessed through the info object: var width = psd.info.width; var height = psd.info.height; var depth = psd.info.depth; var layers = psd.info.chunks[3]; // the layers area var channel0 = psd.bitmaps[0]; // in native format (but uncompressed) ... A method to locate resources is included: var icc = psd.findResource(1039); // find resource with resource ID Requirements ------------ A browser with support for HTML5 Canvas and typed arrays. There are no dependencies. Limitations ----------- These are generally non-problematic, but something to have in mind: - Does not intend to parse individual layers (we will publish something for this later) - The PSD must be saved in (the typical) compatibility mode (see [tutorial section](https://epistemex.github.io/psd-reader/docs/tutorial-Compatibility%20Mode.html) in docs for details) - ICC profiles are [not parsed/applied](https://epistemex.github.io/psd-reader/docs/tutorial-ICC.html) Issues ------ See the [issue tracker](https://github.com/epistemex/psd-reader/issues) for details. Please do report issues if you find any. License ------- Released under [MIT license](http://choosealicense.com/licenses/mit/). You may use this class in both commercial and non-commercial projects provided that full header (minified and developer versions) is included. *© 2015 Epistmex* ![Epistemex](http://i.imgur.com/YxO8CtB.png)
评论
    相关推荐