Fabric Canvas Plugin Demo Fabric Luis Hernandez 2.0 Fabric Canvas Plugin Demo GenericTablet False 1024 768 False False False WebApp False C:\Users\sinli\OneDrive\Documentos\VisualNeoWeb\Libraries\img\default-icon.png button,input{ font-family:sans-serif; font-size:12px!important; text-align:left!important; padding-top:0px; margin-top:10px; font-weight:bold; padding-left:0px; } button i{ margin-right:5px; margin-left:0px; } en standalone OfflineCopyOfPages #000000 [AndroidOS,iOS,WindowsPhoneOS] normal True True False True True False False True False False slLoadGoogleFont "Oswald" slLoadJS "https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.2.61/jspdf.min.js" slLoadJS "https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2014-11-29/FileSaver.min.js" AlertBox "Prueba" "¡Correcto!" "" [containerId]|OBJID|Select a Fabric initializazed Container Object window.open(window["Canvas"+containerId].toDataURL('png')); containerId|OBJID|Select an initializazed Container Object JavaScript https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css AppBackgroundColor "#000000" fabInitialize "Container1" fabAddKeyEvents "Container1" fabSetBgColor "Container1" "#ffffff" SetVar [thecolor] "#000000" SetVar [thezoom] 1 230px 15px 780px 545px 792px 570px 104px 30px Save PNG warning fabSaveAsPNG "Container1" "image.png" 15px 191px 100px 30px Fill Color fabSetFill "Container1" "" [thecolor] 15px 15px 100px 30px Circle primary fabNewCircle "Container1" "" 20 20 30 "[thecolor]" 15px 50px 100px 30px Rectangle primary fabNewRect "Container1" "" 30 30 50 50 "[thecolor]" 15px 494px 65px 30px Text primary fabNewText "Container1" "" "[eltexto]" 30 30 "[thecolor]" "Verdana" 30 0 15px 456px 205px 33px eltexto Type some text 15px 85px 100px 30px Line primary fabNewLine "Container1" "" 10 10 100 100 3 "#cccccc" 15px 606px 205px 30px laurl Image URL or URI 15px 641px 205px 30px Load Image (URL or URI) primary fabLoadImage "Container1" "" "[laurl]" 20 20 120px 121px 100px 30px Set Shadow fabSetShadow "Container1" "" "#000000" 5 5 10 15px 296px 100px 30px To Front fabBringToFront "Container1" "" 120px 296px 100px 30px To Back fabSendToBack "Container1" "" 120px 50px 100px 30px Clear All danger fabClear "Container1" fabNewText "Container1" "chuleta" "Fabric.JS NeoAppBuilder Plugin. SinLios.com." 15 510 "[thecolor]" "Verdana" 12 0 120px 15px 100px 30px Delete danger fabRemove "Container1" "" 547px 685px 115px 30px Zoom + SetVar [thezoom] [thezoom]+0.1 fabSetZoom "Container1" [thezoom] 548px 720px 115px 30px Zoom - SetVar [thezoom] 1 fabSetZoom "Container1" [thezoom] 667px 685px 35px 30px glyphicon-chevron-left fabRelativePan "Container1" 20 0 120px 191px 100px 30px BG Color fabSetBgColor "Container1" [thecolor] 904px 570px 106px 30px Save SVG warning fabUnselect "Container1" fabSaveAsSVG "Container1" [mysvg] jsAlert "[mysvg]" 15px 411px 100px 30px Get Prop fabGetProperty "Container1" "" [propertyName] [resultado1] jsAlert "Value of [propetyName]: [resultado1]" 120px 411px 100px 30px Set Prop fabSetProperty "Container1" "" [propertyName] [propertyValue] 15px 261px 205px 30px 50% Opacity fabSetOpacity "Container1" "" 0.5 335px 581px 100px 30px Selectable success fabToggle "Container1" "" "selectable" 230px 581px 100px 30px Controls success fabToggle "Container1" "" "hasControls" 230px 651px 100px 30px Rotating Point success fabToggle "Container1" "" "hasRotatingPoint" 230px 686px 100px 30px Lock X success fabToggle "Container1" "" "lockMovementX" 335px 616px 100px 30px Lock Rotation success fabToggle "Container1" "" "lockRotation" 335px 651px 100px 30px Lock Scaling success .fabLockScaling "Container1" "" true fabToggle "Container1" "" "lockScalingX" fabToggle "Container1" "" "lockScalingY" 230px 616px 100px 30px Borders success fabToggle "Container1" "" "hasBorders" 792px 640px 104px 30px Save Local warning fabUnselect "Container1" fabSaveLocal "Container1" "dibujo1" 904px 640px 106px 30px Load Local warning fabLoadLocal "Container1" "dibujo1" 120px 85px 100px 30px Clone fabCloneSelectedObject "Container1" "" 792px 712px 104px 30px Save JSON warning fabUnselect "Container1" fabSaveAsJSON "Container1" [myjson] jsAlert "Image saved to a variable" 904px 712px 106px 30px Load JSON warning fabUnselect "Container1" fabLoadFromJSON "Container1" [myjson] jsAlert "Image loaded from a variable" 15px 226px 100px 30px Line Width fabSetStrokeWidth "Container1" "" 3 120px 226px 100px 30px Line Color fabSetStrokeColor "Container1" "" [thecolor] 15px 121px 100px 30px Path primary fabNewPath "Container1" "" "M 0 0 L 200 100 L 170 200 z" 20 30 "[thecolor]" 335px 686px 100px 30px FlipX success fabToggle "Container1" "" "flipX" 335px 721px 100px 30px FlipY success fabToggle "Container1" "" "flipY" 85px 529px 65px 30px Font fabFontFamily "Container1" "" "Oswald" 15px 529px 65px 30px Size fabFontSize "Container1" "" 50 155px 529px 65px 30px Style fabFontStyle "Container1" "" "italic" 85px 494px 135px 30px Editable Text primary fabNewInteractiveText "Container1" "" "[eltexto]" 30 30 "[thecolor]" "Verdana" 30 0 15px 564px 100px 30px Get Text fabGetProperty "Container1" "" "text" [mivar] jsAlert "[mivar]" 120px 564px 100px 30px Set Text SetVar [eltexto] "Hi, this is a text!" fabSetProperty "Container1" "" "text" [eltexto] fabTextAlign "Container1" "" "center" 15px 721px 205px 30px Load from SVG String primary fabLoadSVGFromString "Container1" "" [elsvg] 10 10 15px 686px 205px 30px elsvg SVG String 15px 341px 205px 30px propertyName Property name 15px 376px 205px 30px propertyValue Property value 444px 582px 197px 20px neocheckbox Right button panning panning panning If [panning] == "on" fabPanning "Container1" true Else fabPanning "Container1" false EndIf on off 747px 685px 35px 30px glyphicon-chevron-right fabRelativePan "Container1" -20 0 707px 720px 35px 30px glyphicon-chevron-down fabRelativePan "Container1" 0 -20 707px 650px 35px 30px glyphicon-chevron-up fabRelativePan "Container1" 0 20 707px 685px 35px 30px glyphicon-home fabPanTo "Container1" 0 0 444px 608px 152px 20px neocheckbox Drawing mode drawingMode drawingMode If [drawingMode] == "on" fabDrawingMode "Container1" true [thecolor] 4 Else fabDrawingMode "Container1" false [thecolor] 4 EndIf on off 230px 721px 100px 30px Lock Y success fabToggle "Container1" "" "lockMovementY" -120px 0px 110px 50px oswald 44px 162px 75px 25px Select Color: 792px 676px 219px 30px Save as Base64 data warning fabUnselect "Container1" fabSaveAsBase64 "Container1" [base64Data] 121px 158px 96px 26px [thecolor] 792px 605px 104px 30px Save JPG warning fabUnselect "Container1" fabSaveAsJPG "Container1" "pngimage.jpg" 0.7 904px 605px 107px 30px To Clipboard warning fabUnselect "Container1" fabSaveToClipboard "Container1" 664px 569px 115px 32px loadFile fabLoadFile "Container1" Load image image/* 440px 686px 100px 30px Center success fabCenterObject "Container1" "" 440px 721px 100px 30px Print success BeginJS var dataUrl = document.getElementById('Container1Canvas').toDataURL(); //attempt to save base64 string to server using this var var windowContent = '<!DOCTYPE html>'; windowContent += '<html>' windowContent += '<head><title>Print canvas</title></head>'; windowContent += '<body>' windowContent += '<img src="' + dataUrl + '" onload=window.print();window.close();>'; windowContent += '</body>'; windowContent += '</html>'; var printWin = window.open('', '', 'width=340,height=260'); printWin.document.open(); printWin.document.write(windowContent); EndJS 0px 0px 800px 600px False custom