@pqina/pintura
v8.91.0
Published
This package is for testing purposes only. Visit https://pqina.nl/pintura to purchase a valid license.
Downloads
25,699
Readme
Pintura Test Version
This package is for testing Pintura in your project. This version of Pintura will overlay a watermark on top of the editor and output image. You can purchase a license on the Pintura product page.
Documentation: https://pqina.nl/pintura/docs/
Installation
npm install @pqina/pintura
If you're using Svelte, Vue, React, or Angular, you can install the matching adapter components like this.
npm install @pqina/svelte-pintura
Example implementations
Use one of the example projects below as a starting point or guideline.
JavaScript:
Frameworks:
- jQuery
- Angular
- Vue 2
- Vue 3
- Nuxt 2
- Nuxt 3
- Svelte
- SvelteKit
- React
- React TypeScript
- NextJS
- React Native
- React Native TypeScript
- Alpine
- Cordova
- Capacitor
- Ionic 6
File upload libraries:
Components and Adapters
Individual components can be found below:
Adapters can be found here:
Compatibility
Pintura works on all modern browsers and devices.
- Chrome
- Firefox
- Edge 18+
- Safari 10+
- Opera
- Chrome for Android
- Firefox Android
- iOS Safari 10+
- Chrome for iOS
- Firefox iOS
Safari 11 and 12
- Safari 11 (global usage 0.05%)
- Safari 12 (global usage 0.01%)
To add support for these browsers we need to polyfill Pointer Events. Download polyfill here: https://github.com/Rich-Harris/Points
Safari 10 and Edge 18
- Safari 10 (global usage 0.01%)
- Edge 18 (global usage 0.23%)
These browsers don't fully support JavaScript modules and will require polyfills to function correctly. To make Pintura Image Editor work on these browsers you'll need to load the IIFE version or transpile a compatible version yourself.
Required polyfills for Edge 18:
- Symbol.asyncIterator
- HTMLCanvasElement.prototype.toBlob
Include this URL in your page to polyfill both the APIs above: https://polyfill.io/v3/polyfill.min.js?features=Symbol.asyncIterator%2CHTMLCanvasElement.prototype.toBlob
Internet Explorer 11
Internet Explorer 11 is not supported, global usage is at around 0.5%, it is end of life.