SlideShare a Scribd company logo
COMPUTER GRAPHICS
CLIPPING
CLIPPING
 Clipping is the process of removing lines or
portions of lines outside an area of interest.
Typically, any line or part thereof which is outside
of the viewing area is removed.
 Clipping Algorithm :
Identifies those portions of a picture that are
either inside or outside of a specified region of
space.
TYPES OF CLIPPING
-Point Clipping
-Line Clipping
-Area Clipping(polygon clipping)
-Curve Clipping
-Text Clipping
Point Clipping
 For a point (x,y) to be inside the clip rectangle:
(xmin, ymin)
(xmax, ymax)
x = xmin x = xmax
y = ymin
y = ymax
(x1, y1)
clip
rectangle
Point Clipping
Clip window: rectangle, edges of the clip window
(xwmin, xwmax, ywmin, ywmax)
If xwmin  x  xwmax
ywmin  y ywmax
Then
(not saved for
The point p = (x, y) is saved
for display
Otherwise: the point is clipped
display).
Line Clipping
Before clipping After clipping
Line clipping against a rectangular window
Line Clipping
Inside – Outside test:
 Completely Inside: A line with both endpoints
inside all clipping boundaries, such as the line from
p1 to p2, is saved.
 Completely Outside: A line with both endpoints
outside any one of the clip boundaries, such as the
line from p3 to p4, is not saved.
 If the line is not completely inside or completely
outside, we must perform intersection calculations
with one or more clipping boundaries.
Cohen-Sutherland Line Clipping
 This method speeds up the processing of the line
segment by performing initial tests that reduce the
number of intersections that must be calculated.
 Every line endpoint in a picture is assigned a four-
digit binary code, called region code that identifies
the location of the point relative to the boundaries
of the clipping rectangle.
Bit 4 Bit 3 Bit 2 Bit 1
Above Below Right Left
Cohen-Sutherland Line Clipping
1001 1000 1010
0001
Window
0000 0010
0101 0100 0110
Bit 4
Above
Bit 3
Below
Bit 2
Right
Bit 1
Left
Cohen-Sutherland Line Clipping
Region-code bit values can be determined
as follows:
Bit 1 is the sign bit of x – xwmin
Bit 2 is the sign bit of xwmax – x
Bit 3 is the sign bit of y – ywmin
Bit 4 is the sign bit of ywmax – y
If the sign is negative the bit is set to 1
otherwise is set to 0.
Cohen-Sutherland Line Clipping
 Any lines that has a region code of 0000 for both
endpoint are completely inside, we save these
lines.
 Any lines that have a 1 in the same bit position in
the region-codes for each endpoint are completely
outside and we reject these lines.
 A method that can be used to test lines for total
clipping is to perform the logical AND operation
with both region codes. If the result is not 0000, the
line is completely outside the clipping region.
Cohen-Sutherland Line Clipping
 p1 0100
 p2 1001
 p3 0001
 p4 0100
 p1 AND p2 =0000
 p3 AND p4 =0000
Bit 4
Above
Bit 3
Below
Bit 2
Right
Bit 1
Left
Cohen-Sutherland Line Clipping
 For a line with endpoint (x1, y1) and (x2, y2)
m = (y2 – y1) / (x2 – x1)
 Intersection points with the clipping boundary:
 The intersection with vertical boundary (x=xwmin or
x=xwmax), the y coordinate can be calculated as:
y = y1 + m(x – x1)
 The intersection with a horizontal boundary
(y=ywmin or y=ywmax.), the x coordinate can be
calculated as
x = x1 + (y – y1) / m
Liang-Barsky Line Clipping
Algorithm
1. For each line, calculate the parameters p, q and r:
 p1 = – x, q1 = x1 – xwmin, r1 = q1/ p1
 p2 = x, q2 = xwmax– x1 , r2 = q2/ p2
 p3 = – y, q3 = y1 – ywmin, r3 = q3/ p3
 p4 = y, q4 = ywmax – y1, r1 = q4/ p4
Liang-Barsky Line Clipping
Algorithm
2. Determine the value of u1 is by looking at the
rectangle edges for which the line proceeds from
outside to the inside (pk < 0). The value of u1 is
taken as the largest of the set consisting of 0 and
the various values of r.
3. Determine the value of u2 by examining the
boundaries for which the line proceeds from
inside to the outside (pk > 0). A value of rk is
calculated for each of these boundaries, and the
value of u2 is the minimum of the set consisting
of 1 and the calculated r values.
Liang-Barsky Line Clipping
Algorithm
4. If u1 > u2, the line is completely outside the clip
window and it can be discarded.
5.Otherwise, the endpoints of the clipped line are
calculated from the two values of parameter u.
 If u2 <1
 Otherwise
 If u1 >0
 Otherwise
x= x1+u2 x,
x = x2,
x= x1+u1 x,
x = x1,
y = y1 +u2 y
y = y2
y = y1 +u1 dy
y = y1
Area Clipping (polygon clipping)
To clip a polygon, we cannot directly apply a line-
clipping method to the individual polygon edges
because this approach would produce a series of
unconnected line segments as shown in figure .
Area Clipping (polygon clipping)
 The clipped polygons must be a bounded area after clipping
as shown in figure.
 For polygon clipping, we require an algorithm that will
generate one or more closed areas that are then scan
converted for the appreciate area fill.
 The output of a polygon clipper should be a sequence of
vertices that defines the clipped polygon boundaries.
Sutherland-Hodgman Polygon
Clipping
 Clip a polygon by processing the polygon boundary as a
whole against each window edge.
 Processing all polygon vertices against each clip rectangle
boundary in turn.
 Beginning with the initial set of polygon vertices, we
could first clip the polygon against the left rectangle
boundary to produce a new sequence of vertices
 The new set of vertices could be successively passed to a
right boundary clipper, a bottom boundary clipper, and a
top boundary clipper, a right boundary clipper.
Sutherland-Hodgman Polygon
Clipping
There are four possible cases when processing
vertices in sequence around the perimeter of a
polygon.
As each pair of adjacent polygon vertices is passed
to a next window boundary clipper, we make the
following tests:
Sutherland-Hodgman Polygon
Clipping
1. If the first vertex is outside the window boundary
and the second vertex is inside
 Then , both the intersection point of the polygon
edge with the window boundary and the second
vertex are added to the output vertex list.
Sutherland-Hodgman Polygon
Clipping
window
2. If both input vertices are inside the
boundary.
 Then, only the second vertex is added to the
output vertex list.
Sutherland-Hodgman Polygon
Clipping
3. If the first vertex is inside the window boundary
and the second vertex is outside.
 Then, only the edge intersection with the window
boundary is added to the output vertex list.
Sutherland-Hodgman Polygon
Clipping
4. If both input vertices are outside the window
boundary.
 Then, nothing is added to the output vertex list.
Weiler-Atherton Polygon Clipping
 This algorithm was developed for identifying visible
surfaces, and can be used to clip a fill area that is either a
convex polygon or a concave polygon.
 The basic idea of this algorithm is
proceeding around the polygon edges
that instead of
as vertices are
processed, we will follow the window boundaries.
 The path we follow depends on:
• polygon-processing direction(clockwise or
counterclockwise)
• The pair of polygon vertices
• outside-to-inside or an inside-to-outside.
Weiler-Atherton Polygon Clipping
 For clockwise processing of polygon vertices, we
use the following rules:
• For an outside-to-inside pair of vertices, follow
polygon boundaries.
• For an inside-to-outside pair of vertices, follow
window boundaries in a clockwise direction.
Weiler-Atherton Polygon Clipping
Curve Clipping
Curve clipping procedures will
involve non-linear equations.
So requires more processing
than for objects with linear
Boundaries.
Curve Clipping
 Preliminary test (Test for overlapping)
 -The bounding rectangle for a circle or other curved
object is used to test for overlap with a
rectangular clip window.
 -If the bounding rectangle is completely inside (save
object), completely outside (discard the object)
 -Both cases-no computation is necessary.
 -If bounding rectangle test fails, use computation-
saving approaches.
Curve Clipping
 Circle-coordinate extents of individual quadrants &
then octants are used for preliminary testing before
calculating curve-window intersections
 Ellipse- coordinate extents of individual quadrants
are used.
 If 2 regions overlap, solve the simultaneous line-
curve equations to obtain the clipping intersection
points.
Text Clipping
 There are several techniques that can be used to
provide text clipping in a graphics packages.
 The choice of clipping method depends on how
characters are generated and what requirements
we have for displaying character strings.
Text Clipping
 All-or-none string-clipping
 If all of the string is inside a clip window, we keep
it.
 Otherwise the string is discarded.
Text Clipping
 All-or-none character-clipping
 Here we discard only those characters that are not
completely inside the window
Text Clipping
 Clip the components of individual characters
 We treat characters in much the same way that we
treated lines.
 If an individual character overlaps a clip window
boundary, we clip off the parts of the character that
are outside the window

More Related Content

PPTX
File formats and its types
PPTX
line attributes.pptx
PPTX
Graph mining ppt
PPTX
GDPR Introduction and overview
PPTX
Operating system overview concepts ppt
PPT
Association rule mining
PPTX
Water pollution
PPT
Linear Regression Using SPSS
File formats and its types
line attributes.pptx
Graph mining ppt
GDPR Introduction and overview
Operating system overview concepts ppt
Association rule mining
Water pollution
Linear Regression Using SPSS

What's hot (20)

PPTX
Computer graphics LINE DRAWING algorithm.pptx
PPTX
Cohen sutherland line clipping
PPTX
Circle generation algorithm
PPTX
Curve clipping
PDF
3D Transformation
PPTX
sutherland- Hodgeman Polygon clipping
PPTX
Window to Viewport Transformation in Computer Graphics with.pptx
PPTX
Cyrus beck line clipping algorithm
PPTX
2D viewing & clipping
PPTX
Graphics_3D viewing
PPTX
The sutherland hodgeman polygon clipping algorithm
PPTX
2 d viewing computer graphics
PPTX
Bresenham circle
PPTX
Clipping
PPTX
Cohen-Sutherland Line Clipping Algorithm
PDF
Unit 3
PPT
2 d geometric transformations
PPT
Polygon clipping
PPTX
Input of graphical data
PPTX
3D transformation in computer graphics
Computer graphics LINE DRAWING algorithm.pptx
Cohen sutherland line clipping
Circle generation algorithm
Curve clipping
3D Transformation
sutherland- Hodgeman Polygon clipping
Window to Viewport Transformation in Computer Graphics with.pptx
Cyrus beck line clipping algorithm
2D viewing & clipping
Graphics_3D viewing
The sutherland hodgeman polygon clipping algorithm
2 d viewing computer graphics
Bresenham circle
Clipping
Cohen-Sutherland Line Clipping Algorithm
Unit 3
2 d geometric transformations
Polygon clipping
Input of graphical data
3D transformation in computer graphics
Ad

Similar to Clipping computer graphics (20)

PPTX
clippiNG COMPUTER GRAPHICS A NEW ERA.pptx
PPTX
Clipping
PPTX
Liang- Barsky Algorithm, Polygon clipping & pipeline clipping of polygons
PPTX
Lect 5 2d clipping
PPTX
Clipping & Rasterization
PPT
99995327.ppt
PPT
Windowing clipping
DOC
Unit 4 notes
PDF
Unit-IV Windowing and Clipping.pdf
PPTX
ibuib.pptx
PPT
Cohen-sutherland & liang-basky line clipping algorithm
PPTX
Sutherland hodgman polygon clipping algorithm
PPT
Lecture 2d point,curve,text,line clipping
PPTX
ohu.pptx
PDF
Comparison of Various Line Clipping Algorithm for Improvement
PPTX
Unit2- line clipping.pptx
PPT
Clipping
PPTX
UNIT2.pptx
PPTX
line clipping
clippiNG COMPUTER GRAPHICS A NEW ERA.pptx
Clipping
Liang- Barsky Algorithm, Polygon clipping & pipeline clipping of polygons
Lect 5 2d clipping
Clipping & Rasterization
99995327.ppt
Windowing clipping
Unit 4 notes
Unit-IV Windowing and Clipping.pdf
ibuib.pptx
Cohen-sutherland & liang-basky line clipping algorithm
Sutherland hodgman polygon clipping algorithm
Lecture 2d point,curve,text,line clipping
ohu.pptx
Comparison of Various Line Clipping Algorithm for Improvement
Unit2- line clipping.pptx
Clipping
UNIT2.pptx
line clipping
Ad

More from ShaishavShah8 (19)

PPTX
Diffie hellman key algorithm
PPTX
Constructor oopj
PPTX
Classification of debuggers sp
PPTX
Parallel and perspective projection in 3 d cg
PPTX
Asymptotic notations ada
PPT
Arrays in java oopj
PPTX
Classical cyphers python programming
PPTX
Logics for non monotonic reasoning-ai
PPTX
Rdd transformations bda
PPT
Introduction to data warehouse dmbi
PPT
Lan, wan, man mcwc
PPT
Introduction to xml, uses of xml wt
PPTX
Agile process se
PPTX
Applications of huffman coding dcdr
PPTX
Cookie management using jsp a java
PPTX
Login control .net
PPTX
Rdd transformations
PPTX
LAN, WAN, MAN
PPTX
Introduction to data warehouse
Diffie hellman key algorithm
Constructor oopj
Classification of debuggers sp
Parallel and perspective projection in 3 d cg
Asymptotic notations ada
Arrays in java oopj
Classical cyphers python programming
Logics for non monotonic reasoning-ai
Rdd transformations bda
Introduction to data warehouse dmbi
Lan, wan, man mcwc
Introduction to xml, uses of xml wt
Agile process se
Applications of huffman coding dcdr
Cookie management using jsp a java
Login control .net
Rdd transformations
LAN, WAN, MAN
Introduction to data warehouse

Recently uploaded (20)

PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PPTX
TLE Review Electricity (Electricity).pptx
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
August Patch Tuesday
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PPTX
SOPHOS-XG Firewall Administrator PPT.pptx
PPTX
1. Introduction to Computer Programming.pptx
PPTX
OMC Textile Division Presentation 2021.pptx
PPTX
Tartificialntelligence_presentation.pptx
PPTX
Spectroscopy.pptx food analysis technology
PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
Heart disease approach using modified random forest and particle swarm optimi...
PPT
Teaching material agriculture food technology
PDF
A comparative study of natural language inference in Swahili using monolingua...
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Empathic Computing: Creating Shared Understanding
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
MIND Revenue Release Quarter 2 2025 Press Release
Network Security Unit 5.pdf for BCA BBA.
gpt5_lecture_notes_comprehensive_20250812015547.pdf
TLE Review Electricity (Electricity).pptx
Digital-Transformation-Roadmap-for-Companies.pptx
August Patch Tuesday
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
SOPHOS-XG Firewall Administrator PPT.pptx
1. Introduction to Computer Programming.pptx
OMC Textile Division Presentation 2021.pptx
Tartificialntelligence_presentation.pptx
Spectroscopy.pptx food analysis technology
Programs and apps: productivity, graphics, security and other tools
Heart disease approach using modified random forest and particle swarm optimi...
Teaching material agriculture food technology
A comparative study of natural language inference in Swahili using monolingua...
Spectral efficient network and resource selection model in 5G networks
Empathic Computing: Creating Shared Understanding
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
Group 1 Presentation -Planning and Decision Making .pptx

Clipping computer graphics

  • 2. CLIPPING  Clipping is the process of removing lines or portions of lines outside an area of interest. Typically, any line or part thereof which is outside of the viewing area is removed.  Clipping Algorithm : Identifies those portions of a picture that are either inside or outside of a specified region of space.
  • 3. TYPES OF CLIPPING -Point Clipping -Line Clipping -Area Clipping(polygon clipping) -Curve Clipping -Text Clipping
  • 4. Point Clipping  For a point (x,y) to be inside the clip rectangle: (xmin, ymin) (xmax, ymax) x = xmin x = xmax y = ymin y = ymax (x1, y1) clip rectangle
  • 5. Point Clipping Clip window: rectangle, edges of the clip window (xwmin, xwmax, ywmin, ywmax) If xwmin  x  xwmax ywmin  y ywmax Then (not saved for The point p = (x, y) is saved for display Otherwise: the point is clipped display).
  • 6. Line Clipping Before clipping After clipping Line clipping against a rectangular window
  • 7. Line Clipping Inside – Outside test:  Completely Inside: A line with both endpoints inside all clipping boundaries, such as the line from p1 to p2, is saved.  Completely Outside: A line with both endpoints outside any one of the clip boundaries, such as the line from p3 to p4, is not saved.  If the line is not completely inside or completely outside, we must perform intersection calculations with one or more clipping boundaries.
  • 8. Cohen-Sutherland Line Clipping  This method speeds up the processing of the line segment by performing initial tests that reduce the number of intersections that must be calculated.  Every line endpoint in a picture is assigned a four- digit binary code, called region code that identifies the location of the point relative to the boundaries of the clipping rectangle. Bit 4 Bit 3 Bit 2 Bit 1 Above Below Right Left
  • 9. Cohen-Sutherland Line Clipping 1001 1000 1010 0001 Window 0000 0010 0101 0100 0110 Bit 4 Above Bit 3 Below Bit 2 Right Bit 1 Left
  • 10. Cohen-Sutherland Line Clipping Region-code bit values can be determined as follows: Bit 1 is the sign bit of x – xwmin Bit 2 is the sign bit of xwmax – x Bit 3 is the sign bit of y – ywmin Bit 4 is the sign bit of ywmax – y If the sign is negative the bit is set to 1 otherwise is set to 0.
  • 11. Cohen-Sutherland Line Clipping  Any lines that has a region code of 0000 for both endpoint are completely inside, we save these lines.  Any lines that have a 1 in the same bit position in the region-codes for each endpoint are completely outside and we reject these lines.  A method that can be used to test lines for total clipping is to perform the logical AND operation with both region codes. If the result is not 0000, the line is completely outside the clipping region.
  • 12. Cohen-Sutherland Line Clipping  p1 0100  p2 1001  p3 0001  p4 0100  p1 AND p2 =0000  p3 AND p4 =0000 Bit 4 Above Bit 3 Below Bit 2 Right Bit 1 Left
  • 13. Cohen-Sutherland Line Clipping  For a line with endpoint (x1, y1) and (x2, y2) m = (y2 – y1) / (x2 – x1)  Intersection points with the clipping boundary:  The intersection with vertical boundary (x=xwmin or x=xwmax), the y coordinate can be calculated as: y = y1 + m(x – x1)  The intersection with a horizontal boundary (y=ywmin or y=ywmax.), the x coordinate can be calculated as x = x1 + (y – y1) / m
  • 14. Liang-Barsky Line Clipping Algorithm 1. For each line, calculate the parameters p, q and r:  p1 = – x, q1 = x1 – xwmin, r1 = q1/ p1  p2 = x, q2 = xwmax– x1 , r2 = q2/ p2  p3 = – y, q3 = y1 – ywmin, r3 = q3/ p3  p4 = y, q4 = ywmax – y1, r1 = q4/ p4
  • 15. Liang-Barsky Line Clipping Algorithm 2. Determine the value of u1 is by looking at the rectangle edges for which the line proceeds from outside to the inside (pk < 0). The value of u1 is taken as the largest of the set consisting of 0 and the various values of r. 3. Determine the value of u2 by examining the boundaries for which the line proceeds from inside to the outside (pk > 0). A value of rk is calculated for each of these boundaries, and the value of u2 is the minimum of the set consisting of 1 and the calculated r values.
  • 16. Liang-Barsky Line Clipping Algorithm 4. If u1 > u2, the line is completely outside the clip window and it can be discarded. 5.Otherwise, the endpoints of the clipped line are calculated from the two values of parameter u.  If u2 <1  Otherwise  If u1 >0  Otherwise x= x1+u2 x, x = x2, x= x1+u1 x, x = x1, y = y1 +u2 y y = y2 y = y1 +u1 dy y = y1
  • 17. Area Clipping (polygon clipping) To clip a polygon, we cannot directly apply a line- clipping method to the individual polygon edges because this approach would produce a series of unconnected line segments as shown in figure .
  • 18. Area Clipping (polygon clipping)  The clipped polygons must be a bounded area after clipping as shown in figure.  For polygon clipping, we require an algorithm that will generate one or more closed areas that are then scan converted for the appreciate area fill.  The output of a polygon clipper should be a sequence of vertices that defines the clipped polygon boundaries.
  • 19. Sutherland-Hodgman Polygon Clipping  Clip a polygon by processing the polygon boundary as a whole against each window edge.  Processing all polygon vertices against each clip rectangle boundary in turn.  Beginning with the initial set of polygon vertices, we could first clip the polygon against the left rectangle boundary to produce a new sequence of vertices  The new set of vertices could be successively passed to a right boundary clipper, a bottom boundary clipper, and a top boundary clipper, a right boundary clipper.
  • 20. Sutherland-Hodgman Polygon Clipping There are four possible cases when processing vertices in sequence around the perimeter of a polygon. As each pair of adjacent polygon vertices is passed to a next window boundary clipper, we make the following tests:
  • 21. Sutherland-Hodgman Polygon Clipping 1. If the first vertex is outside the window boundary and the second vertex is inside  Then , both the intersection point of the polygon edge with the window boundary and the second vertex are added to the output vertex list.
  • 22. Sutherland-Hodgman Polygon Clipping window 2. If both input vertices are inside the boundary.  Then, only the second vertex is added to the output vertex list.
  • 23. Sutherland-Hodgman Polygon Clipping 3. If the first vertex is inside the window boundary and the second vertex is outside.  Then, only the edge intersection with the window boundary is added to the output vertex list.
  • 24. Sutherland-Hodgman Polygon Clipping 4. If both input vertices are outside the window boundary.  Then, nothing is added to the output vertex list.
  • 25. Weiler-Atherton Polygon Clipping  This algorithm was developed for identifying visible surfaces, and can be used to clip a fill area that is either a convex polygon or a concave polygon.  The basic idea of this algorithm is proceeding around the polygon edges that instead of as vertices are processed, we will follow the window boundaries.  The path we follow depends on: • polygon-processing direction(clockwise or counterclockwise) • The pair of polygon vertices • outside-to-inside or an inside-to-outside.
  • 26. Weiler-Atherton Polygon Clipping  For clockwise processing of polygon vertices, we use the following rules: • For an outside-to-inside pair of vertices, follow polygon boundaries. • For an inside-to-outside pair of vertices, follow window boundaries in a clockwise direction.
  • 28. Curve Clipping Curve clipping procedures will involve non-linear equations. So requires more processing than for objects with linear Boundaries.
  • 29. Curve Clipping  Preliminary test (Test for overlapping)  -The bounding rectangle for a circle or other curved object is used to test for overlap with a rectangular clip window.  -If the bounding rectangle is completely inside (save object), completely outside (discard the object)  -Both cases-no computation is necessary.  -If bounding rectangle test fails, use computation- saving approaches.
  • 30. Curve Clipping  Circle-coordinate extents of individual quadrants & then octants are used for preliminary testing before calculating curve-window intersections  Ellipse- coordinate extents of individual quadrants are used.  If 2 regions overlap, solve the simultaneous line- curve equations to obtain the clipping intersection points.
  • 31. Text Clipping  There are several techniques that can be used to provide text clipping in a graphics packages.  The choice of clipping method depends on how characters are generated and what requirements we have for displaying character strings.
  • 32. Text Clipping  All-or-none string-clipping  If all of the string is inside a clip window, we keep it.  Otherwise the string is discarded.
  • 33. Text Clipping  All-or-none character-clipping  Here we discard only those characters that are not completely inside the window
  • 34. Text Clipping  Clip the components of individual characters  We treat characters in much the same way that we treated lines.  If an individual character overlaps a clip window boundary, we clip off the parts of the character that are outside the window