File: /var/www/html/tmpr/..//tmpr/..//tmpr/../tmpr/..//tmpr/..//editorMe3/src/main.tsx
import {Pixie} from './pixie';
import {EditorMode} from '@app/config/editor-mode';
(window as any)['Pixie'] = Pixie;
Pixie.init({
selector: '#editor-container',
//crossOrigin: true,
image: 'images/samples/large_sample.jpg',
onLoad: () => {
console.log('ready!');
},
objectControls: {
global: {
unlockAspectRatio: true,
},
shape: {
hideTopLeft: true,
},
},
activeLanguage: 'en',
languages: {
en: {Filter: 'Filter', Resize: 'Resize'},
ru: {Filter: 'фильтр', Resize: 'изменить размер'},
},
ui: {
showExportPanel: true,
mode: EditorMode.INLINE,
menubar: {
items: [
{
type: 'button',
icon: [
{
tag: 'path',
attr: {
d: 'm11.99 18.54-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27L12 16zm0-11.47L17.74 9 12 13.47 6.26 9 12 4.53z',
},
},
],
align: 'right',
position: 0,
action: editor => {
editor.togglePanel('objects');
},
},
{
type: 'button',
icon: [
{
tag: 'path',
attr: {
d: 'M18 20H4V6h9V4H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-9h-2v9zm-7.79-3.17-1.96-2.36L5.5 18h11l-3.54-4.71zM20 4V1h-2v3h-3c.01.01 0 2 0 2h3v2.99c.01.01 2 0 2 0V6h3V4h-3z',
},
},
],
label: 'Open',
align: 'left',
buttonVariant: 'outline',
menuItems: [
{
action: editor => {
editor.tools.import.uploadAndReplaceMainImage();
},
label: 'Background Image',
},
{
action: editor => {
editor.tools.import.uploadAndAddImage();
},
label: 'Overlay Image',
},
{
action: editor => {
editor.tools.import.uploadAndOpenStateFile();
},
label: 'Editor Project File',
},
],
},
],
},
nav: {
items: [
{
name: 'stamp',
icon: Pixie.defaultConfig.ui!.nav!.items!.find(
i => i.name === 'frame'
)!.icon,
action: async function () {
// pixie.tools.resize.apply({ width: 1080, height: 1080 });
//pixie.tools.filter.apply('grayscale');
// await (window as any).pixie.tools.import.addImageFromUrl(
// 'assets/images/samples/sample1.jpg',
// false
// );
},
},
],
},
},
tools: {
zoom: {
allowUserZoom: true,
},
crop: {
defaultRatio: '1:1',
},
},
}).then(pixie => {
(window as any).pixie = pixie;
});