asp.net pdf viewer control c# : Generate pdf thumbnail c# software Library dll winforms .net wpf web forms ibex12-part1616

IbexPDFCreator
DevelopersGuide
ScalableVectorGraphics(SVG)images
115
17.4.16 <polyline>
The<polyline> elementis supported. A simple polylinecan be drawn like this:
<svg xmlns="http://www.w3.org/2000/svg" width="12cm" height="4cm"
viewBox="0 0 1200 400">
<polyline fill="none" stroke="blue" stroke-width="10"
points="50,375
150,375 150,325 250,325 250,375
350,375 350,250 450,250 450,375
550,375 550,175 650,175 650,375
750,375 750,100 850,100 850,375
950,375 950,25 1050,25 1050,375
1150,375" />
</svg>
resulting in this image:
17.4.17 <polygon>
The<polygon> elementis supported. A simple polygon can be drawn likethis:
<svg xmlns="http://www.w3.org/2000/svg" width="12cm" height="4cm"
viewBox="0 0 1200 400">
<polygon fill="red" stroke="blue" stroke-width="10"
points="350,75
379,161 469,161 397,215
423,301 350,250 277,301 303,215
231,161 321,161" />
<polygon fill="lime" stroke="blue" stroke-width="10"
points="850,75
958,137.5 958,262.5
850,325 742,262.6 742,137.5" />
</svg>
resulting in this image:
Generate pdf thumbnail c# - software Library dll:C# PDF Thumbnail Create SDK: Draw thumbnail images for PDF in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Support Thumbnail Generation with Various Options for Quick PDF Navigation
www.rasteredge.com
Generate pdf thumbnail c# - software Library dll:VB.NET PDF Thumbnail Create SDK: Draw thumbnail images for PDF in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Support Thumbnail Generation with Various Options for Quick PDF Navigation
www.rasteredge.com
Ibex PDF Creator
Developers Guide
116
Scalable Vector Graphics (SVG) images
17.4.18 <text>
The<text> elementis supported.
17.4.19 <tspan>
The<tspan> elementis notimplemented.
17.4.20 <textpath>
The<textpath>elementis notimplemented.
17.4.21 <pattern>
The<pattern> elementis notimplemented.
17.5 Opacity
The attributes stroke-opacity and fill-opacity are supported. Using the group opacity
attribute to apply opacity to a group of elements is not supported, instead the opacity
valueis applied as if stroke-opacity and fill-opacity has been specified.
This exampleshows a transparent blue rectangledrawn over an opaque red rectangle.
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="140" >
<rect width="400" height="140" fill="none" stroke="silver"/>
<g transform="translate(10,10)">
<rect width="100" height="100" fill="red"/>
</g>
<g transform="translate(30,30)">
<rect width="100" height="100" fill="blue" stroke-width="1" fill-opacity="0.3" />
</g>
</svg>
resulting in this image:
17.6 Markers
Markers are supported at the start and end of <line> and <path> elements. The
<marker> element contains a separate drawing which can be reused. This example
shows an arrowhead which is drawn atthe each end of a line:
software Library dll:How to C#: Generate Thumbnail for Word
VB.NET How-to, VB.NET PDF, VB.NET Word, VB.NET Excel, VB.NET PowerPoint, VB.NET Tiff, VB.NET Imaging, VB.NET OCR, VB.NET How to C#: Generate Thumbnail for Word.
www.rasteredge.com
software Library dll:How to C#: Generate Thumbnail for PowerPoint
VB.NET How-to, VB.NET PDF, VB.NET Word, VB.NET Excel, VB.NET PowerPoint, VB.NET Tiff, VB.NET Imaging, VB.NET OCR, VB How to C#: Generate Thumbnail for PowerPoint
www.rasteredge.com
Ibex PDF Creator
Developers Guide
Scalable Vector Graphics (SVG) images
117
<?xml version="1.0" standalone="no"?>
<svg width="4in" height="2in"
viewBox="0 0 4000 2000" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<defs>
<marker id="RedTriangle" viewBox="0 0 10 10" refX="0" refY="5"
markerUnits="strokeWidth"
markerWidth="4" markerHeight="3"
orient="auto" fill="red">
<path d="M 0 0 L 10 5 L 0 10 z" />
</marker>
</defs>
<rect x="10" y="10" width="3980" height="1980"
fill="none" stroke="blue" stroke-width="10" />
<g transform="translate(400,1700) scale(.8)">
<line x1="0" x2="1000" y1="0" y2="0" stroke="red" stroke-width="100"
marker-end="url(#RedTriangle)"
marker-start="url(#RedTriangle)"/>
</g>
<g transform="translate(400,700) scale(.8)">
<line x1="0" x2="1000" y1="300" y2="0" stroke="red" stroke-width="30"
marker-end="url(#RedTriangle)"
marker-start="url(#RedTriangle)"/>
</g>
</svg>
In this examplethearrowhead appears once in the SVG, and is rendered four times. Each
time it is rendered its rotaton and size are changed to match the rotation and size of the
line.
17.7 Linear gradients
Linear gradients are supported. This example produces a gradient from red to yellow
horizontally:
<?xml version="1.0" standalone="no"?>
<svg width="8cm" height="4cm" viewBox="0 0 800 400" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<g>
<defs>
<linearGradient id="MyGradient"
x1="100" x2="500" gradientUnits="userSpaceOnUse">
<stop offset="5%" stop-color="#F60" />
<stop offset="95%" stop-color="#FF6" />
</linearGradient>
</defs>
<rect fill="none" stroke="blue"
software Library dll:How to C#: Generate Thumbnail for Raster
VB.NET How-to, VB.NET PDF, VB.NET Word, VB.NET Excel, VB.NET PowerPoint, VB.NET Tiff, VB.NET Imaging, VB.NET OCR, VB How to C#: Generate Thumbnail for Raster.
www.rasteredge.com
software Library dll:How to C#: Overview of Using XImage.Raster
See this C# guide to learn how to use RasterEdge XImage SDK for .NET to perform quick file navigation. You may easily generate thumbnail image from image file.
www.rasteredge.com
Ibex PDF Creator
Developers Guide
118
Scalable Vector Graphics (SVG) images
x="1" y="1" width="798" height="398"/>
<rect fill="url(#MyGradient)" stroke="black" stroke-width="5"
x="100" y="100" width="600" height="200"/>
</g>
</svg>
producing this image:
The interpretation of the values specified for the coordinates x1/x2/y1/y2 of the
linearGradientelementchanges depending on value specified for gradientUnits.
When gradientUnits="userSpaceOnUse" the specified values are in "user space", which
is the space defined by the prevailing <g>element. The specified coordinates arerelative
to the prevailing <g> element, so two elements which use the same gradient as their fill
color willappear differently if they are placed in different locations on thepage.
This SVG image shows rectangles using the same gradient in conjunction with
gradientUnits="userSpaceOnUse"
<?xml version="1.0" standalone="no"?>
<svg width="8cm" height="3cm" viewBox="0 0 1000 450" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<g>
<defs>
<linearGradient id="linear_userSpaceOnUse" gradientUnits="userSpaceOnUse"
x1="100" y1="100" x2="700" y2="300">
<stop offset="5%" stop-color="#ff0000" />
<stop offset="95%" stop-color="#0000ff" />
</linearGradient>
</defs>
<rect fill="none" stroke="blue" x="1" y="1" width="990" height="440"/>
<g transform="translate(10,50)">
<rect fill="url(#linear_userSpaceOnUse)" x="10" y="10" width="600"
height="100"/>
<rect fill="url(#linear_userSpaceOnUse)" x="200" y="120" width="600"
height="100"/>
</g>
</g>
</svg>
software Library dll:How to C#: Generate Thumbnail for Excel
VB.NET How-to, VB.NET PDF, VB.NET Word, VB.NET Excel, VB.NET PowerPoint, VB.NET Tiff, VB.NET Imaging, VB.NET OCR, VB.NET How to C#: Generate Thumbnail for Excel.
www.rasteredge.com
software Library dll:VB.NET Image: How to Process & Edit Image Using VB.NET Image
Visual C#. VB.NET. RasterEdge provides this VB.NET image processor control SDK which owns the APIs for developers to create image thumbnail, resize, crop, scale
www.rasteredge.com
Ibex PDF Creator
Developers Guide
Scalable Vector Graphics (SVG) images
119
producing this image:
When gradientUnits="objectBoundingBox" the specified values are relative to the
bounding box of the element being filled, and should be expressed as fractions of the
dimensions of the elementbeing filled.The values for coordinates should be in the range
[0..1], so for example specifying x1="0" starts the gradient at the left hand edge of the
element being filled, and specifying x1="0.2" starts the gradient at 20% of the width of
that element. As the gradient is positioned relative to the element being filled, two
element using the same gradient will appear the same regardless of the position of the
element.
This SVG image shows rectangles using the same gradient in conjunction with
gradientUnits="objectBoundingBox"
<?xml version="1.0" standalone="no"?>
<svg width="8cm" height="3cm" viewBox="0 0 1000 450" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<g>
<defs>
<linearGradient id="linear_objectBoundingBox" x1="0" y1="0" x2="1" y2="1">
<stop offset="5%" stop-color="#ff0000" />
<stop offset="95%" stop-color="#0000ff" />
</linearGradient>
</defs>
<rect fill="none" stroke="blue" x="1" y="1" width="990" height="440"/>
<g transform="translate(10,50)">
<rect fill="url(#linear_userSpaceOnUse)" x="10" y="10" width="600"
height="100"/>
<rect fill="url(#linear_userSpaceOnUse)" x="200" y="120" width="600"
height="100"/>
</g>
</g>
</svg>
producing this image:
software Library dll:How to C#: Overview of Using XDoc.PowerPoint
See this C# guide to learn how to use RasterEdge PowerPoint SDK for .NET to perform quick file navigation. You may easily generate thumbnail image from
www.rasteredge.com
software Library dll:How to C#: Overview of Using XDoc.Word
Tell C# users how to: create a new Word file and load Word from pdf; merge, append, and split Create Thumbnail. You may easily generate thumbnail image from Word
www.rasteredge.com
Ibex PDF Creator
Developers Guide
120
Scalable Vector Graphics (SVG) images
17.8 Radial gradients
Radialgradients are supported from version 5.7.6 onwards.
The interpretation of the values specified for the coordinates cx/cy/r/fx/fy of the
radialGradientelementchanges depending on value specified for gradientUnits.
When gradientUnits="userSpaceOnUse" the specified values are in "user space", which
is the space defined by the prevailing <g>element. The specified coordinates arerelative
to the prevailing <g> element, so two elements which use the same gradient as their fill
color willappear differently if they are placed in different locations on thepage.
This SVG image shows rectangles using the same gradient in conjunction with
gradientUnits="userSpaceOnUse"
<?xml version="1.0" standalone="no"?>
<svg width="8cm" height="3cm" viewBox="0 0 1000 550" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<g>
<defs>
<radialGradient id="radial_userSpaceOnUse" gradientUnits="userSpaceOnUse"
cx="400" cy="200" r="300" fx="400" fy="200">
<stop offset="0%" stop-color="green" />
<stop offset="50%" stop-color="blue" />
<stop offset="100%" stop-color="red" />
</radialGradient>
</defs>
<rect fill="none" stroke="blue" x="1" y="1" width="990" height="530"/>
<rect fill="url(#radial_userSpaceOnUse)" stroke="black" stroke-width="5" x="100"
y="100" width="600" height="200"/>
<rect fill="url(#radial_userSpaceOnUse)" stroke="black" stroke-width="5" x="100"
y="310" width="600" height="200"/>
</g>
</svg>
producing the image below, in which you can clearly see the gradient circles are
centered within the first rectangle.
When gradientUnits="objectBoundingBox" the specified values are relative to the
bounding box of the element being filled, and should be expressed as fractions of the
dimensions of the elementbeing filled.The values for coordinates should be in the range
[0..1], so for example specifying x1="0" starts the gradient at the left hand edge of the
element being filled, and specifying x1="0.2" starts the gradient at 20% of the width of
that element. As the gradient is positioned relative to the element being filled, two
element using the same gradient will appear the same regardless of the position of the
element.
Ibex PDF Creator
Developers Guide
Scalable Vector Graphics (SVG) images
121
This SVG image shows rectangles using the same gradient in conjunction with
gradientUnits="userSpaceOnUse"
producing theimagebelow.
122
Scalable Vector Graphics (SVG) images
Absolute Positioning
123
Chapter 18
Absolute Positioning
Content can be positioned anywhere on the page by placing the content in a
block-containerelementandsettingthe absolute-positionattribute.
If the absolute-position attribute is setto "fixed", the content will then be positioned on
the page relative to the page area which contains theblock-containerelement.
If the absolute-position attribute is set to "absolute", the content will be positioned on
the page relative to the reference area which contains theblock-containerelement. The
reference area is not the containing block, it is the containing region, table-cell,
block-container, inline-container or table-caption. In XSL-FO 1.0, the specification was
ambiguous and theblock-container was positioned relativeto the containing area, butin
XSL 1.1 this has been clarified to mean thecontaining reference area.
18.1 Positioning block-containers
It is important to realise that block-containers are not positioned relative to the
containing block. Figure 18-1 shows FO with two absolutely positioned block containers.
Both block-containers will be positioned relative to the containing region, because the
region is the containing reference area. As they both have the sametop attribute they
willboth be positioned in the same place.
Figure 18-1:
Badlypositioned
blockcontainers
<flow flow-name="body">
<block>
some text
<block-container absolute-position="absolute" height="2cm" top="3cm">
<block>
in block-container one
</block>
</block-container>
</block>
<block>
some more text
<block-container absolute-position="absolute" height="2cm" top="3cm">
<block>
in block-container two
</block>
</block-container>
</block>
</flow>
The simplest way to position a block-container is to place it inside another
block-container which does not have the absolute-position attribute. FO for doing this is
shown in Figure 18-2. The outer block-container is not absolutely positioned and will be
Ibex PDF Creator
Developers Guide
124
Absolute Positioning
placed in the normal flow of content. The inner block-container is absolutely positioned
relative to the outer one.
Figure 18-2:
Positioneda
block-containerusing
another
block-container
<flow flow-name="body">
<block>
some text
<block-container>
<block-container absolute-position="absolute" height="2cm" top="3cm">
<block>
in block-container one
</block>
</block-container>
</block-container>
</block>
<block>
some more text
<block-container>
<block-container absolute-position="absolute" height="2cm" top="3cm">
<block>
in block-container two
</block>
</block-container>
</block-container>
</block>
</flow>
18.2 Positioning and sizing block containers
A block-container with absolute-position = "absolute" is positioned relative to its
containing reference area.
The distance between the left edge of the block-container and the left edge of the
containing reference area is set by theleft attribute. This attribute specifies the offset of
the block-container's left edge from the containing reference area's left edge. The
default value is "0pt", which causes the two edges to be in the same place. Positive
values of left move the left edge of the block-container to the right, making the
block-container smaller.
The distance between the right edge of the block-container and the right edge of the
containing reference area is set by theright attribute. This attribute specifies the offset
of the block-container's right edge from the containing reference area's right edge. The
default value is "0pt", which causes the two edges to be in the same place. Positive
values of right move the right edge of the block-container to the left, making the
block-container smaller.
The distance between the top edge of the block-container and the top edge of the
containing reference area is set by thetop attribute. This attributespecifies the offset of
the block-container's top edge from the containing reference area's top edge. The
default value is "0pt", which causes the two edges to be in the same place. Positive
values of top move the top edge of the block-container downwards, making the
block-container smaller.
The distance between the bottom edge of the block-container and the bottom edge of
the containing reference area is set by thebottom attribute. This attribute specifies the
offset of the block-container's bottom edge from the containing reference area's
bottom edge. The default value is "0pt", which causes the two edges to be in the same
Documents you may be interested
Documents you may be interested