Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!-- React Dependencies for the SDK UI -->
- <script src="../../js/vendor/react.production.min.js"></script>
- <script src="../../js/vendor/react-dom.production.min.js"></script>
- <script src="../../js/vendor/prop-types.min.js"></script>
- <!-- PhotoEditor SDK-->
- <script src="../../js/PhotoEditorSDK.min.js"></script>
- <!-- PhotoEditor SDK UI -->
- <script src="../../js/PhotoEditorSDK.UI.DesktopUI.min.js"></script>
- <link rel="stylesheet" href="../../css/PhotoEditorSDK.UI.DesktopUI.css" />
- </head>
- <body>
- <div id="editor" style="width: 100vw; height: 100vh;"></div>
- <script>
- window.onload = function () {
- var image = new Image()
- image.onload = function () {
- var container = document.getElementById('editor')
- var editor = new PhotoEditorSDK.UI.DesktopUI({
- container: container,
- license: '',
- editor: {
- image: image,
- defaultControl: 'transform'
- },
- assets: {
- baseUrl: '../../assets' // <-- This should be the absolute path to your `assets` directory
- }
- })
- }
- image.src = '../shared/assets/700-500.jpg'
- }
- </script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment