Wiki Markup |
---|
{excerpt}To insert an image into your PowerPointWriter presentation use a [data marker|How to use Data Markers] with the image modifier.{excerpt} h1. Using the Image Modifier {excerpt}The image modifier can be used to insert images into a data marker.{excerpt} To insert an image into a data marker using the image modifier: # Create or open a PowerPointTemplate # Add the image modifier in to the data marker in which you want to insert the image. For example, change *%%=Company.Logo* to *%%=Company.Logo(image)* # If desired, set the image modifier's dimensions and sizing mode. h2. Setting the Image size There are three ways to set the size of the imported image. h5. 1. Import the image with its original dimensions If the image modifier is used without arguments the image will maintain its original dimensions. {newcode} %%=Company.Logo(image) {newcode} h5. 2. Size the image to match the text box containing the data marker. If the image modifier is used with a scaling [mode|#modes] as its only parameter, the image will be scaled accordingly and sized to fit the containing text box. {newcode} %%=Company.Logo(image(1)) {newcode} h5. 3. Specify the dimensions as parameters in the image modifier The image modifier can take parameters specifying the image dimensions. Dimensions can also be used with a scaling [mode|#modes]. Dimensions are in inches. The syntax for specifying an images dimensions without the scaling mode is image(width, height). {newcode} %%=Company.Logo(1,2) {newcode} To use a scaling mode, add it as the third parameter in your modifier. {newcode} %%=Company.Logo(1,4.25,2) {newcode} {anchor:modes}The *scaling mode* can have the following values: || Value || Meaning || | 1 | The image will always be the width and height specified regardless of its natural size. | | 2 | The image will always be enlarged or shrunk to fit within the bounds specified by width and height but it will keep its natural aspect ratio. | | 3 | The image will be scaled down to within the bounds specified by width and height but it will keep its natural aspect ratio. | h1. Writing the Code h3.Image datatypes If you are using a database as a data source, the column that corresponds to the data marker containing the image must be of the type BLOB("Image" in SQL Server). If the data source is an array of objects, the value that corresponds to the data marker containing the image should be a simple byte array. h3. Aligning the Image *Note:* This feature requires PowerPointApplication To programmatically set the alignment of the picture on the slide, use the [Picture.Align|Picture.Align(Alignment)] method. Picture.Align takes an [Alignment] object as a parameter. The Alignment object can have the following values: ||Name||Description|| |{anchor:Top}Top|Aligns the picture at the top of the slide.| |{anchor:Middle}Middle|Aligns the picture in the middle of the slide.| |{anchor:Bottom}Bottom|Aligns the picture on the bottom of the slide.| |{anchor:Left}Left|Aligns the picture on the left side of the slide.| |{anchor:Center}Center|Aligns the picture in the center of the slide.| |{anchor:Right}Right|Aligns the picture on the right side of the slide.| h1. Sample code The code below demonstrates importing the image from an array and setting the alignment of the image. {csharp} //The ReadAllBytes method can be used to create a byte array from an image filepath. byte[] imgArray = File.ReadAllBytes(@"C:\image.png"); //create an object array of values to be populated object[] valuesArray = {imgArray}; //create a string array of column names. //the field names must match the data marker column names in the template. string[] colNamesArray = {"Logo(image(1,2,2))"}; //set the data source pptt.BindData(valuesArray, colNamesArray, "Company",pptt.CreateDataBindingProperties()); //Bind the image to the template pptt.Process(); //Pass the template to PowerPointApplication PowerPointApplication ppta = new PowerPointApplication(); Presentation pres = ppta.Open(pptt); //Get the first slide in the presentation Slide slide1 = pres.Slides[0]; //Get the first picture on the slide Pictures allPics = slide1.Pictures; Picture pic = allPics[0]; //Set the alignment to be in the center of the slide, both horizontally and veritcally pic.Align(Alignment.Center); pic.Align(Alignment.Middle); {csharp} {vbnet} Option Strict On Option Explicit On {code:language=vbnet|title=Inserting an Image from a byte array VB} 'The ReadAllBytes method can be used to create a byte array from an image filepath. Dim imgArray as Byte() = File.ReadAllBytes(@"C:\image.png") 'create an object array of values to be populated Dim valuesArray as Object() = new Object() {imgArray} 'create a string array of column names. 'the field names must match the data marker column names in the template. Dim colNames = New String() {"Logo(image(1,2,2))"} Dim DataProps As DataBindingProperties = pptt.CreateDataBindingProperties() 'Bind the data to the template pptt.BindData(valuesArray, colNamesArray, "Company",pptt.CreateDataBindingProperties()) pptt.Process() 'Pass the template to PowerPointApplication Dim ppta As PowerPointApplication = new PowerPointApplication() Dim pres As Presentation = ppta.Open(pptt) 'Get the first slide in the presentation Dim slide1 As Slide = pres.Slides(0) 'Get the first picture on the slide Dim allPics As Pictures = slide1.Pictures Dim pic As Picture = allPics(0) 'Set the alignment to be in the center of the slide, both horizontally and veritcally pic.Align(Alignment.Center) pic.Align(Alignment.Middle) {vbnet} |
Page History
Overview
Content Tools