Components All New MacOS Windows Linux iOS
Examples Mac & Win Server Client Guides Statistic FMM Blog Deprecated Old

MBS FileMaker Plugin Example Databases

GraphicsMagick Path Drawing

All examples are included with download of MBS FileMaker Plugin.

GraphicsMagick Path Drawing.fmp12

Overview
Tables1
Relationships0
Layouts1
Scripts3
Value Lists0
Custom Functions0
Custom Menus33
File Options
Default custom menu set[Standard FileMaker Menus]
When opening file
Minimum allowed version12.0
Login usingAccount Name; Account= Admin
Allow user to save passwordOff
Require iOS passcodeOff
Switch to layoutOff
Hide all toolbarsOff
Script triggers
OnFirstWindowOpenOff
OnLastWindowCloseOff
OnWindowOpenOff
OnWindowCloseOff
OnFileAVPlayerChangeOff
Thumbnail Settings
Generate ThumbnailsOn; Temporary

 

Tables

Table Name
Statistics
Occurrences in Relationship Graph
GraphicsMagick Path Drawing
1 field defined, 1 record
GraphicsMagick Path Drawing

Fields

Table Name: GraphicsMagick Path Drawing - 1 Fields
Field NameTypeOptionsCommentsOn LayoutsIn RelationshipsIn ScriptsIn Value Lists
ImageNormal, BinaryAuto-Enter:
  • Allow editing
Validation:
  • Only during data entry
Storage:
  • Repetitions: 1

      Layout Objects: GraphicsMagick Path Drawing

      Regular Fields

      Field Name: GraphicsMagick Path Drawing::Image
      Field PropertiesCoordinatesField FormatField BehaviorQuick Find
      • Top: 64 pt
      • Left: 21 pt
      • Bottom: 468 pt
      • Right: 442 pt
      • Anchoring: Left, Top
      Field Format:
      • Edit Box
      Field Behavior:
      • Allow field to be entered: In Find mode, In Browse mode
      • Touch keyboard type: System Default
      • Go to next field using: Tab key
      No

      Button Bars

      Button Bar PropertiesCoordinates
        Orientation:
      • vertical
      • Top: 186 pt
      • Left: 451 pt
      • Bottom: 346 pt
      • Right: 583 pt
      • Anchoring: Left, Top
      Button Segments
      Button PropertiesCoordinatesScript/Script Step
        Type:
      • Text:
        Label Calculations:
      • "Draw Circle"
      • Top: 186 pt
      • Left: 451 pt
      • Bottom: 240 pt
      • Right: 583 pt
      Perform Script [ “DrawCircle” ]

      Scripts:

      Button PropertiesCoordinatesScript/Script Step
        Type:
      • Text:
        Label Calculations:
      • "Draw Triangle"
      • Top: 240 pt
      • Left: 451 pt
      • Bottom: 293 pt
      • Right: 583 pt
      Perform Script [ “DrawTriangle” ]

      Scripts:

      Button PropertiesCoordinatesScript/Script Step
        Type:
      • Text:
        Label Calculations:
      • "Draw Bezier"
      • Top: 293 pt
      • Left: 451 pt
      • Bottom: 346 pt
      • Right: 583 pt
      Perform Script [ “DrawBezier” ]

      Scripts:


      Script Hierarchy

      DrawCircle
      DrawTriangle
      DrawBezier

      Next Script: [DrawTriangle]
      Script NameDrawCircle
      Run script with full access privilegesOff
      Include In MenuYes
      Layouts that use this script
      Scripts that use this script
        Script Definition
        Script Steps
        • #Creates an image, sets settings for the line, paints it with a special size in the environment and writes the image into the container
        • #create environment
        • Set Variable [ $img; Value:MBS("GMImage.New"; "300x300"; "RGB 1 1 1") ]
        • #Define the settings for the circle
        • Set Variable [ $r; Value:MBS("GMImage.SetStrokeColor"; $img; "RGB 1 0 0") ]
        • Set Variable [ $r; Value:MBS("GMImage.SetFillColor"; $img; "RGB 0 0 1") ]
        • Set Variable [ $r; Value:MBS("GMImage.SetLineWidth"; $img; 5) ]
        • #draw in enviroment
        • Set Variable [ $r; Value:MBS("GMImage.DrawCircle"; $img; 150; 100; 100; 100) ]
        • #write image to container
        • Set Variable [ $bild; Value:MBS("GMImage.WriteToPNGContainer"; $img; "test.png") ]
        • #Release enviroment
        • Set Variable [ $r; Value:MBS("GMImage.Destroy"; $img) ]
        • Set Field [ GraphicsMagick Path Drawing::Image; $bild ]
        Fields used in this script
        Scripts used in this script
          Layouts used in this script
            Tables used in this script
            Table occurrences used by this script
            Custom Functions used by this script
              Custom menu set used by this script

                Previous Script: [DrawCircle]Next Script: [DrawBezier]
                Script NameDrawTriangle
                Run script with full access privilegesOff
                Include In MenuYes
                Layouts that use this script
                Scripts that use this script
                  Script Definition
                  Script Steps
                  Fields used in this script
                  Scripts used in this script
                    Layouts used in this script
                      Tables used in this script
                      Table occurrences used by this script
                      Custom Functions used by this script
                        Custom menu set used by this script

                          Previous Script: [DrawTriangle]
                          Script NameDrawBezier
                          Run script with full access privilegesOff
                          Include In MenuYes
                          Layouts that use this script
                          Scripts that use this script
                            Script Definition
                            Script Steps
                            • #Creates an image, sets settings for the bezier curve, paints Draws a cubic Bézier curve from the current point to (x,y) using (x1,y1) as the control point at the beginning of the curve and (x2,y2) as the control point at the end of the curve in the environment and writes the image into the container
                            • #create environment
                            • Set Variable [ $img; Value:MBS("GMImage.New"; "400x400"; "RGB 1 1 1") ]
                            • #Define the settings for the curve
                            • Set Variable [ $r; Value:MBS("GMImage.SetStrokeColor"; $img; "RGB 1 0 0") ]
                            • Set Variable [ $r; Value:MBS("GMImage.SetFillColor"; $img; "RGB 0 0 1 1") ]
                            • Set Variable [ $r; Value:MBS("GMImage.SetFillOpacity"; $img; 0) ]
                            • Set Variable [ $r; Value:MBS("GMImage.SetLineWidth"; $img; 10) ]
                            • Set Variable [ $r; Value:MBS("GMImage.SetFillRule"; $img; 2) ]
                            • #set the curve by a path
                            • Set Variable [ $r; Value:MBS("GMImage.AddPathMovetoAbs"; $img; 100; 100 ) ]
                            • #Draws a cubic Bézier curve from the current point to (x,y) using (x1,y1) as the control point at the beginning of the curve and (x2,y2) as the control point at the end of the curve.
                            • Set Variable [ $r; Value:MBS("GMImage.AddPathCurvetoAbs"; $img; 100; 300; 300; 100; 300; 300 ) ]
                            • Set Variable [ $r; Value:MBS("GMImage.DrawPath"; $img ) ]
                            • #write image to container
                            • Set Variable [ $bild; Value:MBS("GMImage.WriteToPNGContainer"; $img; "test.png") ]
                            • #Release enviroment
                            • Set Variable [ $r; Value:MBS("GMImage.Free"; $img) ]
                            • Set Field [ GraphicsMagick Path Drawing::Image; $bild ]
                            Fields used in this script
                            Scripts used in this script
                              Layouts used in this script
                                Tables used in this script
                                Table occurrences used by this script
                                Custom Functions used by this script
                                  Custom menu set used by this script

                                    Download example: GraphicsMagick Path Drawing

                                    Used functions: