File: /var/www/html/tmpr/..//tmpr/../tmpr/..//tmpr/../tmpr/../tmpr/../editorZ/src/main.tsx
import {Pixie} from './pixie';
(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,
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',
},
],
},
],
},
},
tools: {
zoom: {
allowUserZoom: true,
},
crop: {
defaultRatio: '1:1',
},
},
}).then(pixie => {
(window as any).pixie = pixie;
});