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

MBS FileMaker Plugin Example Databases

Annotate Image

All examples are included with download of MBS FileMaker Plugin.

Annotate Image.fmp12

Overview
Tables 1
Relationships 0
Layouts 1
Scripts 4
Value Lists 0
Custom Functions 0
Custom Menus 33
File Options
Default custom menu set [Standard FileMaker Menus]
Default theme Enlightened
When opening file
Minimum allowed version 12.0
Login using Account Name; Account= Admin
Allow user to save password On
Require iOS passcode Off
Show Sign-in fields Off
Switch to layout Off
Hide all toolbars Off
Script triggers
OnFirstWindowOpen Off
OnLastWindowClose Off
OnWindowOpen Off
OnWindowClose Off
OnFileAVPlayerChange Off
OnWindowTransaction Off
Thumbnail Settings
Generate Thumbnails On; Temporary

 

Tables

Table Name
Statistics
Comments
 Occurrences in Relationship Graph
Annotate Image
5 fields defined, 1 record
 Annotate Image

Fields

Table Name: Annotate Image - 5 Fields
Field Name Type Options Comments On Layouts In Relationships In Scripts In Value Lists
InputImage Normal, Binary Auto-Enter:
  • Allow editing
Validation:
  • Only during data entry
Storage:
  • Repetitions: 1
      OutputImage Normal, Binary Auto-Enter:
      • Allow editing
      Validation:
      • Only during data entry
      Storage:
      • Repetitions: 1
          Text Normal, Text Auto-Enter:
          • Allow editing
          Validation:
          • Only during data entry
          Storage:
          • Repetitions: 1
          • Indexing: None
          • Automatically create indexes as needed
          • Index Language: German
              FontPath Normal, Text Auto-Enter:
              • Allow editing
              Validation:
              • Only during data entry
              Storage:
              • Repetitions: 1
              • Indexing: None
              • Automatically create indexes as needed
              • Index Language: German
                  FontSize Normal, Number Auto-Enter:
                  • Allow editing
                  Validation:
                  • Only during data entry
                  Storage:
                  • Repetitions: 1
                  • Indexing: None
                  • Automatically create indexes as needed
                  • Index Language: German

                      Layout Objects: Annotate Image

                      Regular Fields

                      Field Name: Annotate Image::InputImage
                      Field Properties Coordinates Field Format Field Behavior Quick Find
                      • Top: 43 pt
                      • Left: 138 pt
                      • Bottom: 288 pt
                      • Right: 495 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

                      Field Name: Annotate Image::OutputImage
                      Field Properties Coordinates Field Format Field Behavior Quick Find
                      • Top: 43 pt
                      • Left: 600 pt
                      • Bottom: 288 pt
                      • Right: 957 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

                      Field Name: Annotate Image::Text
                      Field Properties Coordinates Field Format Field Behavior Quick Find
                      • Top: 295 pt
                      • Left: 138 pt
                      • Bottom: 316 pt
                      • Right: 391 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
                      		 Yes

                      Field Name: Annotate Image::FontPath
                      Field Properties Coordinates Field Format Field Behavior Quick Find
                      • Top: 323 pt
                      • Left: 138 pt
                      • Bottom: 344 pt
                      • Right: 391 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
                      		 Yes

                      Field Name: Annotate Image::FontSize
                      Field Properties Coordinates Field Format Field Behavior Quick Find
                      • Top: 351 pt
                      • Left: 138 pt
                      • Bottom: 372 pt
                      • Right: 217 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
                      		 Yes

                      Buttons

                      Button Properties Coordinates Script/Script Step
                        Type:
                      • Text: Run
                      • Top: 296 pt
                      • Left: 600 pt
                      • Bottom: 331 pt
                      • Right: 722 pt
                      • Anchoring: Left, Top
                      		 Perform Script [ “Run” ]

                      Scripts:

                      Script Hierarchy

                      Run
                      Run Transparent
                      Run Transparent with shadow
                      Clear

                      Next Script: [Run Transparent]
                      Script Name Run
                      Run script with full access privileges Off
                      Siri Shortcut Visible Off
                      Include In Menu Yes
                      Layouts that use this script
                      Scripts that use this script
                        Script Definition
                        Script Steps
                        • #This script loade the original picture to an image environment set the settings for the font and write a text on a picture. Then we save the image in a container.
                        • Set Variable [ $ref; Value:MBS("GMImage.NewFromContainer"; Annotate Image::InputImage) ]
                        • #Settings for the font
                        • Set Variable [ $r; Value:MBS("GMImage.SetFontPointsize"; $ref; Annotate Image::FontSize) ]
                        • Set Variable [ $r; Value:MBS("GMImage.SetFont"; $ref; Annotate Image::FontPath) ]
                        • Set Variable [ $r; Value:MBS("GMImage.SetFillColor"; $ref; "RGB 0 0 0") ]
                        • #Write the text to the picture
                        • Set Variable [ $r; Value:MBS("GMImage.Annotate"; $ref; Annotate Image::Text; "100x200+10+40"; 1) ]
                        • Set Field [ Annotate Image::OutputImage; MBS( "GMImage.WriteToPNGContainer"; $ref ) ]
                        • #Free image
                        • Set Variable [ $Error; Value:MBS("GMImage.Free";$ref) ]
                        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: [Run] Next Script: [Run Transparent with shadow]
                                Script Name Run Transparent
                                Run script with full access privileges Off
                                Siri Shortcut Visible Off
                                Include In Menu Yes
                                Layouts that use this script
                                  Scripts that use this script
                                    Script Definition
                                    Script Steps
                                    • #This script loade the original picture to an image environment set the settings for the font and write a text on a picture. Add transparency to make the text more transperant. Then we save the image in a container.
                                    • Set Variable [ $ref; Value:MBS("GMImage.NewFromContainer"; Annotate Image::InputImage) ]
                                    • #Create a temporary image
                                    • Set Variable [ $temp; Value:MBS("GMImage.New"; MBS("GMImage.Columns"; $ref) & "x" & MBS("GMImage.Rows"; $ref); "transparent") ]
                                    • #Settings for the font
                                    • Set Variable [ $r; Value:MBS("GMImage.SetFontPointsize"; $temp; 72) ]
                                    • Set Variable [ $r; Value:MBS("GMImage.SetFont"; $temp; "Arial Black") ]
                                    • Set Variable [ $r; Value:MBS("GMImage.SetFillColor"; $temp; "RGB 0 0 0") ]
                                    • #Write the text to the picture
                                    • Set Variable [ $r; Value:MBS("GMImage.Annotate"; $temp; "Hello World"; "100x200+10+80"; 1) ]
                                    • #add extra transparency to make text 50% transparent
                                    • Set Variable [ $r; Value:MBS( "GMImage.MultiplyChannel"; $temp; "opacity"; ,5; 0; 127 ) ]
                                    • Set Variable [ $r; Value:MBS( "GMImage.Composite"; $ref; $temp; "CenterGravity"; 1 ) ]
                                    • Set Variable [ $Error; Value:MBS("GMImage.Free";$temp) ]
                                    • Set Field [ Annotate Image::OutputImage; MBS( "GMImage.WriteToPNGContainer"; $ref ) ]
                                    • #Free image
                                    • Set Variable [ $Error; Value:MBS("GMImage.Free";$ref) ]
                                    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: [Run Transparent] Next Script: [Clear]
                                            Script Name Run Transparent with shadow
                                            Run script with full access privileges Off
                                            Siri Shortcut Visible Off
                                            Include In Menu Yes
                                            Layouts that use this script
                                              Scripts that use this script
                                                Script Definition
                                                Script Steps
                                                • #This script loade the original picture to an image environment write a Shadowtext that we blur with the blur effect and make it 50% transparent. Then set the settings for the font of the normal text and write it on a transparent Backgound. Add transparency to make the text more transperant. Composit the layers. Then write the image in a container.
                                                • #Starts logging all plugin calls to a text file
                                                • Set Variable [ $r; Value:MBS("Trace") ]
                                                • Set Variable [ $ref; Value:MBS("GMImage.NewFromContainer"; Annotate Image::InputImage) ]
                                                • #1. shadow
                                                • #Create image with the size of the original
                                                • Set Variable [ $temp; Value:MBS("GMImage.New"; MBS("GMImage.Columns"; $ref) & "x" & MBS("GMImage.Rows"; $ref); "transparent") ]
                                                • #Settings for the font of the shadow
                                                • Set Variable [ $r; Value:MBS("GMImage.SetFontPointsize"; $temp; 72) ]
                                                • Set Variable [ $r; Value:MBS("GMImage.SetFont"; $temp; "Arial Black") ]
                                                • Set Variable [ $r; Value:MBS("GMImage.SetFillColor"; $temp; "RGB 0 0 0") ]
                                                • #Write the shadow text to a transparent image.
                                                • Set Variable [ $r; Value:MBS("GMImage.Annotate"; $temp; "Hello World"; "100x200+15+85"; 1) ]
                                                • #blur the shadow text
                                                • Set Variable [ $r; Value:MBS("GMImage.Blur"; $temp; 10; 5) ]
                                                • #add extra transparency to make text 50% transparent
                                                • Set Variable [ $r; Value:MBS( "GMImage.MultiplyChannel"; $temp; "opacity"; ,5; 0; 127 ) ]
                                                • #composit the original image and the shadow picture
                                                • Set Variable [ $r; Value:MBS( "GMImage.Composite"; $ref; $temp; "CenterGravity"; 1 ) ]
                                                • Set Variable [ $Error; Value:MBS("GMImage.Free";$temp) ]
                                                • #2. normal text
                                                • Set Variable [ $temp; Value:MBS("GMImage.New"; MBS("GMImage.Columns"; $ref) & "x" & MBS("GMImage.Rows"; $ref); "transparent") ]
                                                • #Settings for the font
                                                • Set Variable [ $r; Value:MBS("GMImage.SetFontPointsize"; $temp; 72) ]
                                                • Set Variable [ $r; Value:MBS("GMImage.SetFont"; $temp; "Arial Black") ]
                                                • Set Variable [ $r; Value:MBS("GMImage.SetFillColor"; $temp; "RGB 0 0 0") ]
                                                • Set Variable [ $r; Value:MBS("GMImage.Annotate"; $temp; "Hello World"; "100x200+10+80"; 1) ]
                                                • #add extra transparency to make text 50% transparent
                                                • Set Variable [ $r; Value:MBS( "GMImage.MultiplyChannel"; $temp; "opacity"; ,5; 0; 127 ) ]
                                                • #composit the original with the shadow image and the text picture
                                                • Set Variable [ $r; Value:MBS( "GMImage.Composite"; $ref; $temp; "CenterGravity"; 1 ) ]
                                                • Set Variable [ $Error; Value:MBS("GMImage.Free";$temp) ]
                                                • #write the final image to a container
                                                • Set Field [ Annotate Image::OutputImage; MBS( "GMImage.WriteToPNGContainer"; $ref ) ]
                                                • Set Variable [ $Error; Value:MBS("GMImage.Free";$ref) ]
                                                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: [Run Transparent with shadow]
                                                        Script Name Clear
                                                        Run script with full access privileges Off
                                                        Siri Shortcut Visible Off
                                                        Include In Menu Yes
                                                        Layouts that use this script
                                                          Scripts that use this script
                                                            Script Definition
                                                            Script Steps
                                                            • #Clear the Output
                                                            • Set Field [ Annotate Image::OutputImage; "" ]
                                                            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: Annotate Image

                                                                    Used functions: