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/
npm install @pqina/pinturaIf you're using Svelte, Vue, React, or Angular, you can install the matching adapter components like this.
npm install @pqina/svelte-pinturaUse 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:
Individual components can be found below:
Adapters can be found here:
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 (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 (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 is not supported, global usage is at around 0.5%, it is end of life.