imageDrawCubicCurve

Draws a cubic curve.

imageDrawCubicCurve(name, ctrlx1, ctrly1, ctrlx2, ctrly2, x1, y1, x2, y2) → returns void

Member Function Syntax

someImage.drawCubicCurve(ctrlx1, ctrly1, ctrlx2, ctrly2, x1, y1, x2, y2)

Argument Reference for the imageDrawCubicCurve function

name

Required: Yes
The image on which this operation is performed.

ctrlx1

Required: Yes
The x coordinate of the start point of the cubic curve segment.

ctrly1

Required: Yes
The y coordinate of the start point of the cubic curve segment.

ctrlx2

Required: Yes
The x coordinate of the first control point of the cubic curve segment.

ctrly2

Required: Yes
The y coordinate of the first control point of the cubic curve segment.

x1

Required: Yes
The x coordinate of the second control point of the cubic curve segment.

y1

Required: Yes
The y coordinate of the second control point of the cubic curve segment.

x2

Required: Yes
The x coordinate of the end point of the cubic curve segment.

y2

Required: Yes
The y coordinate of the end point of the cubic curve segment.

Examples sample code invoking the imageDrawCubicCurve function


Tag Syntax

This example shows how to draw a curved line that looks like a stylized 7.

<!--- Use the imageNew function to create a blank ColdFusion image that is 200 pixels wide and 380 pixels high. ---> 
 <cfset myImage=imageNew("",200,380)> 
 <!--- Set the drawing color to magenta. --->  
 <cfset imageSetDrawingColor(myImage,"magenta")> 
 <!--- Turn on antialiasing to improve image quality. ---> 
 <cfset imageSetAntialiasing(myImage,"on")> 
 <!--- Draw a curved line that starts at (380,28) and ends at (32,56) with its first control point at (120,380) and its second control point at (5,15). ---> 
 <cfset imageDrawCubicCurve(myImage,120,380,5,15,380,28,32,56)> 
 <!--- Display the image in a browser. ---> 
 <cfimage source="#myImage#" action="writeToBrowser">  

Using drawCubicCurve member function

CF 11+ Lucee 4.5+ Create an new image. With the new image draw a cubic curve, starting at top left (0,0) ending at bottom right (152,152) with 2 control points, 1 half way down the left side(0,71) and other at bottom left (0,152)

imgObj = imageNew("",152,152,"rgb","149c82");
imgObj.drawCubicCurve(0,0,0,71,0,152,152,152);
cfimage (action="writeToBrowser", source=imgObj);

Fork me on GitHub