SimpleCG绘图函数(9)--绘制各种线条

已于 2023-08-25 12:05:33 修改
阅读量219 收藏
点赞数
分类专栏： SimpleCG 文章标签： 算法 java 开发语言
于 2023-08-23 19:15:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/b2b160/article/details/131216966
版权

 一、所有线段函数概述

        可填充图形绘制函数都介绍完了，还有一些特殊线条的绘制将在本篇进行讲解。所有特殊线条函数如下所示，其中还有一个区域填充函数floodfill比较特殊，是配合线条函数使用的：

//绘制一系列折线段
//折线段以一组POINT表示的点坐标数组ptPoints为端点，nNum表示数组中的点数量
void polyline( const POINT *ptPoints, int nNum );

//绘制一系列贝塞尔曲线
//数组中开始四个点表示贝塞尔曲线起点，控制点1，控制点2，终点
//其中终点将作为下一段塞尔曲线起点，然后是第二段控制点1，控制点2，终点，循环下去
//所以nNum最少有四个点，总共有3*n+1个点
void polybezier( const POINT *ptPoints, int nNum );

//绘制一条曲线,nLength指定拉伸曲度
//绘制一条起点(nStartX, nStartY),到终点(nEndX, nEndY)的曲线，nLength越大曲线越弯曲
void curveline( int nStartX, int nStartY, int nEndX, int nEndY, int nLength );

//绘制一系列曲线
//一系列曲线以一组POINT表示的点坐标数组ptPoints为端点，nNum表示数组中的点数量以及曲度pLength的元素数量，pLength的数量为nNum-1。
void polycurvelinevar( const POINT *ptPoints, int *pLength, int nNum );

//画椭圆弧
//椭圆弧所在椭圆的外切矩形左上角坐标(left, top),右下角坐标(right, bottom),起始角度stangle，终止角度endangle，角度采用弧度表示，也就是单位圆的弧长度
void arc( int left, int top, int right, int bottom, double stangle, double endangle );

//绘制一条波浪线
//绘制一条起点(nStartX, nStartY),到(nEndX, nEndY)波浪线,nLength指定拉伸曲度,nNumLine指定波浪数
void wavyline( int nStartX, int nStartY, int nEndX, int nEndY, int nLength, int nNumLine );

//填充区域
//以点(nStartX, nStartY)为起点，开始填充区域，nFillType=enumFFT_BORDER时，填充nColor边线围成的区域。
//当nFillType=enumFFT_SURFACE时，填充nColor指定的一块颜色
void floodfill( int nStartX, int nStartY, COLORREF nColor, int nFillType );

由于线条类型比较多，我们分别进行一一展示。

二、各个线段函数演示

1、首先看polyline

跟多边形绘制差不多，参数一致，不同的是polyline不对图形进行填充，只是绘制系列点连接的线段。看如下代码对比：

setfillcolor(RGB(220,240,255));

POINT pt[]={{20,20},{300,20},{300,150},{20,150}};
fillpolygon(pt,sizeof(pt)/sizeof(pt[0]));

POINT pt1[]={{20,220},{300,220},{300,350},{20,350}};
polyline(pt1,sizeof(pt1)/sizeof(pt1[0]));

运行效果如图：

polyline只是单纯把数组中的点连接起来，并不会自动封闭图形。

2、然后是绘制系列贝塞尔曲线的函数polybezier

这是一个非常有用的函数，几乎可以拟合任何曲线，所以对于勾画图形非常重要。其中TrueType字体就是使用了贝塞尔曲线进行拟合，文字的笔画何其复杂，可想而知该函数的强大。当然掌握它也有一定难度。

先看看简单的只有两个端点,两个控制点的贝塞尔曲线演示

POINT pt[]={{20,100},{120,0},{200,200},{300,100}};
polybezier(pt,sizeof(pt)/sizeof(pt[0]));

点(20,100)到点(300,100)的曲线,控制点分别在(120,0)和(200,200),两端点之间,而且一上一下,曲线如图所示

 曲线如同橡皮筋,被拉向两个端点。

所以只要精确控制端点和控制点，就能绘制任意曲线。下面我们尝试利用它来绘制心形。


	POINT pt[]={{20,100},{20,20},{150,20},{150,100},//左上半圆
				{150,20},{280,20},{280,100},//右上半圆
				{280,200},{180,200},{150,300},//右下心
				{120,200},{20,200},{20,100}};//左下心
	polybezier(pt,sizeof(pt)/sizeof(pt[0]));

如图所示

可以看到通过控制点的“拉扯”，很简单就能绘制出优美的符合预期的线条。不过绘制出的线条如果需要填充颜色则需要后面介绍的floodfill函数。

3、下面再看看简单曲线curveline的绘制

贝塞尔曲线需要确定两个控制点，有时一些简单曲线并不需要那么高的自由度，则可以选择curveline来绘制。它可以简单的定义两个端点及一个弯曲程度的参数就绘制出一个弯曲曲线，有时也是比较方便。例如如下代码

curveline(20,100,300,100, 40);

就绘制出以下曲线

其中前面四个参数(20,100,300,100)定义了起点和终点，最后一个参数 int nLength，，在此处是40定义了弯曲程度，越大拉伸越厉害，当为正数时表示往终点方向的右侧拉伸，负数则往左拉伸。

4、用多个点绘制一条曲线polycurvelinevar。

上面的函数通过两个点绘制一条简单曲线，而polycurvelinevar则可以同时传入多个点，并以该系列点首尾连接，构成一条复杂的曲线，一系列曲线以一组POINT表示的点坐标数组ptPoints为端点，nNum表示数组中的点数量以及曲度pLength的元素数量，其中pLength的数量为nNum-1。

例如如下代码，用曲线模拟一个近似圆

POINT pt[]={{100,100},{200,100}
			,{200,200},{100,200}
			,{100,100}};//5个点围成一个正方形
int nLength[] = { -30,-30,-30,-30};//每条边往左边拉伸
polycurvelinevar(pt, nLength, sizeof(pt)/sizeof(pt[0]));

运行如图所示

可以看出此函数比贝塞尔曲线更简单操控，只是自由度没那么高，要达到理想状态，需要定义更多的点。 

5、再来看看椭圆弧绘制函数arc

函数如下

void arc( int left, int top, int right, int bottom, double stangle, double endangle );

参数说明请参考前面的代码，此函数与polyline类似,它的参数与形状函数扇形是一致的,只不过arc同样也只绘制线段。可通过下面的代码看看它们的区别：

setfillcolor(RGB(220,240,255));
fillpie( 20, 20, 300, 150, 0, -C_PI/3);

arc( 20, 220, 300, 350, 0, -C_PI/3);

绘制效果如图：

这个只绘制圆弧线段在一些情况下作用很大，例如前面绘制的奥运五环，就可以使用这个函数绘制圆圈的环环相扣效果。

6、绘制一条波浪线wavyline

void wavyline( int nStartX, int nStartY, int nEndX, int nEndY, int nLength, int nNumLine );

绘制一条起点(nStartX, nStartY),到(nEndX, nEndY)波浪线,nLength指定拉伸曲度,nNumLine指定波浪数。直接看如下演示代码：

wavyline( 20, 100, 320, 100, 6, 10 );
wavyline( 20, 100+100, 320, 100+100, 6, 20 );

两个函数分别用不同的波浪数，同样的曲度，绘制了同样的长度两条波浪线，通过对比可以很容易掌握波浪线的绘制方法。

运行效果如图:

 

7、区域填充函数floodfill

void floodfill( int nStartX, int nStartY, COLORREF nColor, int nFillType );

需要注意的是有两种填充模式，分别如下：

nFillType=enumFFT_BORDER时，填充nColor边线围成的区域。
nFillType=enumFFT_SURFACE时，填充nColor指定的一块颜色。

可以通过如下代码演示他们的用法。我们先内外绘制大小两个正方形围成的图形。外围正方形我们用波浪线来绘制。

    //以下四条波浪线围成一个大正方形
	wavyline( 20, 20, 320, 20, 6, 10 );
	wavyline( 320, 20, 320, 320, 6, 10 );
	wavyline( 320, 320, 20, 320, 6, 10 );
	wavyline( 20, 320, 20, 20, 6, 10 );
	
	//绘制一个红色正方形
	setlinecolor(RGB(255,0,0));
	rectangle( 120,120,220,220);

然后分别用两种模式在同一个点进行填充。

setfillcolor(RGB(220,240,255));
floodfill(25, 25, RGB(0,0,0), enumFFT_BORDER );
setfillcolor(RGB(220,240,255));
floodfill(25, 25, RGB(255,255,255), enumFFT_SURFACE );

原始图形和填充效果如下所示：

 我们看到enumFFT_BORDER模式一直填满到遇到黑色边，所以整个大正方形都填满了。而enumFFT_SURFACE模式则只填充指定点周围白色区域，也就是中间的框。

三、总结及综合演示

        以上将所有线段函数详细介绍完了，另外还介绍了一个与线段函数配合使用的floodfill函数。通过以上函数几乎可以模拟所有的矢量图形，前提是只要你能熟练掌握它们。与前面几篇介绍的基础图形绘制相比，本篇所述函数可以绘制生活中各种奇异形状，相比规则图形，也许奇异线条构成的图形更加常见，所以本篇内容在绘图中更加实用。下面就以一个哆啦A梦的绘制演示以上函数的运用。

代码如下:

// Curveline.cpp : 定义控制台应用程序的入口点。
//


#include "../import/include/CGBoard.h"
#include "math.h"
#ifdef _DEBUG
#pragma comment(lib,"../import/lib/SimpleCG_MDd.lib")
#else
#pragma comment(lib,"../import/lib/SimpleCG_MD.lib")
#endif

#define ADDCOLOR(x,y) ((x+y)>255?255:(x+y))
#define SUBCOLOR(x,y) ((x-y)<0?0:(x-y))

int g_nWidth = 500;		//画面宽度
int g_nHeight= 800;		//画面高度

void DrawDora( int nX, int nY )
{
	setlinewidth( 4 );
	//竹蜻蜓
	{
		POINT pt[]={ { 300, 35},{ 200, 20 }
					,{ 190, 45}
					,{ 290, 55}
					,{ 300, 35}
		};
		int nLength[] = { 16, 12, 16, 12 };
		polycurvelinevar(pt, nLength, sizeof(pt)/sizeof(pt[0]));
	}
	curveline(235,30,204,35,4);
	curveline(242,37,225,38,2);
	curveline(250,47,266,46,2);
	curveline(245,55,286,50,4);

	setfillcolor(RGB(244,225,122));
	fillpie( 240, 40, 250, 140, 0, -C_PI );
	fillpie( 225, 90, 265, 127, 0, -C_PI );

	//头
	{
		POINT pt[]={ {235,107}, {264,107}, {325,109}, {367,156}, {409,203}, {398,314}, {376,349}, {354,384}, {350,387}, {340,398}, {330,409}, {161,414}, {125,385}, {89,356}, {57,314}, {66,239}, {75,164}, {151,107}, {237,107} };
		polybezier(pt, sizeof(pt)/sizeof(pt[0]));
		setfillcolor(RGB(1,144,214));
		floodfill(235,117,0,enumFFT_BORDER);
	}

	//脸
	{
		POINT pt[]={{237,190}, {266,190}, {321,193}, {348,237}, {375,281}, {362,352}, {343,380}, {324,408}, {232,408}, {214,408}, {196,408}, {160,413}, {124,384}, {88,355}, {68,294}, {79,241}, {90,188}, {176,188}, {237,190} };
		polybezier(pt, sizeof(pt)/sizeof(pt[0]));
		setfillcolor(RGB(255,255,255));
		floodfill(237,200,0,enumFFT_BORDER);
	}

	//嘴
	{
		POINT pt[]={{111,268}, {81,246}, {83,264}, {86,275}, {88,300}, {155,281}, {189,276}, {223,271}, {320,266}, {323,282}, {326,298}, {264,384}, {207,385}, {150,386}, {109,293}, {109,290} };
		polybezier(pt, sizeof(pt)/sizeof(pt[0]));
		setfillcolor(RGB(232,47,37));
		floodfill(189,285,0,enumFFT_BORDER);
	}
	{
		POINT pt[]={{306,314}, {278,293}, {192,310}, {162,365}};
		int nLength[] = { 5, 12, 8 };
		polycurvelinevar(pt, nLength, sizeof(pt)/sizeof(pt[0]));
		setfillcolor(RGB(232,65,28));
		floodfill(170,350,0,enumFFT_BORDER);
	}
	
	//眼睛
	setfillcolor(RGB(254,254,254));
	fillellipse(130,130,200,220);
	fillellipse(200,130,270,220);
	setfillcolor(0);
	fillellipse(160,187,170,205);
	fillellipse(230,190,240,205);

	//鼻子
	setfillcolor(RGB(239,40,35));
	fillcircle(186,230,18);

	setfillcolor(RGB(254,254,254));
	solidcircle(190,224,6);

	//胡子
	line(100,220,150,237);
	line(90,240,148,250);
	line(91,262,147,263);
	
	line(186,247,186,276);

	line(300,214,244,231);
	line(308,236,250,244);
	line(309,260,250,260);
	//脚
	{
		POINT pt[]={{315,568}, {340,564}, {325,563}, {348,564}, {363,571}, {347,639}, {299,639}, {251,639}, {249,603}, {244,575}};
		polybezier(pt, sizeof(pt)/sizeof(pt[0]));
	}
	{
		POINT pt[]={{427,472}, {455,468}, {464,502}, {472,519}, {480,536}, {483,598}, {439,606}, {395,614}, {387,591}, {377,570}};
		polybezier(pt, sizeof(pt)/sizeof(pt[0]));
	}

	//身体
	{
		POINT pt[]={{336,406}, {397,319}, {396,313}, {429,323}, {462,333}, {407,425}, {400,440}, {427,451}, {450,518}, {418,551}, {386,584}, {357,558}, {349,567}, {340,581}, {342,586}, {296,591}, {250,596}, {154,522}, {148,475}, {121,466}, {33,420}, {52,382}, {71,344}, {148,399}, {173,412}, {198,425}, {319,406}, {335,405}};
		polybezier(pt, sizeof(pt)/sizeof(pt[0]));
		setfillcolor(RGB(1,144,214));
		floodfill(336,416,0,enumFFT_BORDER);
	}
	{
		POINT pt[]={{171,417}, {231,409}, {305,415}, {331,432}, {357,449}, {387,527}, {315,555}, {243,583}, {164,533}, {147,468}, {140,448},{151,427},{171,417}};
		polybezier(pt, sizeof(pt)/sizeof(pt[0]));
		setfillcolor(RGB(254,254,254));
		floodfill(181,427,0,enumFFT_BORDER);
	}
	{
		POINT pt[]={{174,481}, {209,484}, {242,499}, {309,473}, {331,487}, {310,548}, {260,545}, {212,542}, {184,529}, {174,481}};
		polybezier(pt, sizeof(pt)/sizeof(pt[0]));
	}
	//铃铛
	{
		POINT pt[]={{132,392}, {224,408}, {352,382}, {342,403}, {222,426}, {132,408}, {132,392}};
		setfillcolor(RGB(232,47,37));
		fillpolygon(pt, sizeof(pt)/sizeof(pt[0]));
		setfillcolor(RGB(248,216,24));
		fillcircle(225,436,25);
		setfillcolor(0);
		solidcircle(225,446,7);
		line(225,446,225,460);
		curveline(205, 423,243,423,-4);
		curveline(201, 430,247,430,-4);
	}
	//手
	setfillcolor(RGB(254,254,254));
	fillcircle(50,372,30);
	fillcircle(434,318,30);

	//尾巴
	{
		POINT pt[]={{403,432}, {430,425}, {430,450}, {420,463}};
		polybezier(pt, sizeof(pt)/sizeof(pt[0]));
		setfillcolor(RGB(232,47,37));
		floodfill(413,442,0,enumFFT_BORDER);
	}

}
void DrawProcess()
{
	DrawDora(20,20);
}
int _tmain(int argc, _TCHAR* argv[])
{
	//初始化
	if( !ShowingBoard(g_nWidth,g_nHeight, DrawProcess))
		return 1;
	//关闭图库
	CloseBoard();
	return 0;
}

运行效果如下:

        可以看到此例子运用大量曲线绘制方法勾绘线条,用floodfill进行色彩填充.充分展示了线条绘制函数的使用方法。通过对这些函数的学习，一定能让你在电脑绘图上得心应手。

b2b160
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
6化工制图CAD-绘制化工设备图(条件图).pptx
07-10
6化工制图CAD-绘制化工设备图(条件图).pptx6化工制图CAD-绘制化工设备图(条件图).pptx6化工制图CAD-绘制化工设备图(条件图).pptx6化工制图CAD-绘制化工设备图(条件图).pptx6化工制图CAD-绘制化工设备图(条件图).pptx...
秒表游戏程序文档
weixin_64801028的博客
03-10 376
本文档介绍了一个基于 simpleguitk 的秒表游戏程序。该程序通过图形界面实现了秒表的计时功能，并可以记录成功次数和点击次数。玩家可以通过开始、暂停和复位按钮来控制计时器的状态，同时在界面上实时显示计时信息和统计数据。该秒表游戏程序通过 simpleguitk 库实现了基本的计时功能，同时提供了统计数据的记录和显示。玩家可以通过按钮操作来控制计时器的状态，体验计时的乐趣。希望本文档能够为玩家提供清晰的游戏信息和操作指南，使他们能够轻松上手并享受游戏乐趣。
EasyX趣味化编程note2，绘制基本图形
qq_75270497的博客
09-29 1120
使用EasyX图形库各种图形绘制细解
SimpleCG绘图函数(2)--直线
我的程序世界
05-06 90
本篇继续,绘制一条直线段,这个很好理解,就是以起点到终点绘制一条线条,其中线条包含起点,但不包含终点,当前颜色可以通过void setlinecolor(COLORREF nColor)指定.下面我们通过一个简单的示例代码演示线条在绘制中的实际运用.该程序用动态的有规律的点绘制看似凌乱的线条,展现出微妙的动态变化.另外两个函数提到隐含坐标,是设备内部坐标,每次绘制线条后,将设置终点为设备的隐含坐标点,可作为下一次绘制的起点.
easyX函数arc()的改造
m0_72128260的博客
12-10 586
easyX中的画弧线函数arc(...)，在我们实际使用这个函数时，函数的参数用起来不方便。因为这些参数所标明的位置与弧线所在的实际位置不一致。为此我们对这个函数进行一下改造。
Easyx基本使用（三）
it-dark的博客
10-01 2950
使用Easyx绘制基本图形
小程序绘图工具painter-json文件绘制保存分享图-可点击任意元素触发函数 ... ..
03-29
Painter是由酷家乐移动前端团队打造的一款小程序绘图组件。 原项目地址：github.com/Kujiale-Mob… 新版地址：github.com/shesw/Paint… 这款交互版原来是为了针对业务中的新需求而由我自己开发的，后来需求改动，...
建筑CAD绘图-平面图详细讲解绘制.pptx
11-21
建筑CAD绘图-平面图详细讲解绘制.pptx
CorelDraw绘图--绘制线条和不规则图形培训.pptx
09-11
CorelDraw绘图--绘制线条和不规则图形培训.pptx
商业编程-源码-贝赛尔纽曼函数绘图代码.zip
06-22
商业编程-源码-贝赛尔纽曼函数绘图代码.zip
easy-x常用函数
lu2925028830的博客
02-14 8030
## easy-x库常用函数 (1)：与设备相关的函数 1.void clearcliprgn()：用于清除种植区域。 2.void cleardevice()：此功能用于清除绘图设备。具体地说，绘图设备将以当前背景色清空，并将当前点移动到(0,0)。 3.void closegraph();该功能用于关闭图形窗口 4.void getaspectratio(float *pxasp,float *pyasp)：用于获取当前的长宽比 5.void graphdefaults()：此功能用于将视图、当...
EasyX帮助文档
热门推荐
梦想起飞的地方
07-23 1万+
EasyX指导手册 制作人：jianxiawzx 一、基本概念 1.1 颜色 EasyX 使用 24bit 真彩色，不再支持调色板模式。 表示颜色有以下几种办法： 1. 用预定义颜色常量，如下： 常量 值 颜色 常量 值 颜色 BLACK 0 黑
graphicd
且视他人之疑目如盏盏鬼火
01-14 630
#pragma once #ifndef WINVER #define WINVER 0x0400 // Specifies that the minimum required platform is Windows 95 and Windows NT 4.0. #endif #ifndef _WIN32_WINNT #define _WIN3
Leetcode 41. 缺失的第一个正数和Leetcode 155. 最小栈
2301_79614379的博客
04-20 1066
定义一个结构体，数组 data 用于存放推进的数据，数组 min 用于存放最小值，变量 top 存放最后进入的数在 data 的下标，变量 mintop 记录最小值在 min 中的下标。循环遍历数组 nums ，如果该位置的值大于 0 并且不小于数组长度，让哈希表 table 在该值的位置自加。获取堆栈中的最小元素时，根据 mintop 的值返回数组 miin 中的元素。返回栈顶元素时，根据 top 的值返回数组 data 中的元素。--> 返回 -3.输入：nums = [3,4,-1,1]
算法刷题-16
qq_45773834的博客
04-21 651
学习来源： leetcode，牛客 https://programmercarl.com https://www.yuque.com/taxing-qarr6/hxitgt/dedugmp09knerdi1
力扣---从中序与后序遍历序列构造二叉树
m0_71536793的博客
04-20 447
力扣 中序遍历 后序遍历 建树
算法训练营day21
wugong_true的博客
04-23 348
接下来，根据计数count与最大计数maxCount的比较，更新众数的结果数组resList和最大计数maxCount。如果count大于maxCount，则清空resList并将当前节点值添加进去，并更新maxCount为count；接着，根据resList中的众数，创建一个整型数组res，并将其返回作为结果。然后，通过与前一个节点的值进行比较，判断当前节点值出现的次数。如果当前节点与前一个节点的值不同，说明出现了一个新的值，将计数count重置为1；，计算相邻两个元素的差值，并将较小的差值更新到。
【错题集-编程题】数组中的最长连续子序列（排序 + 模拟）
最新发布
Elena's Blog
04-24 256
因为题目不要求位置连续，那么就可以直接想到排序（我把这一块理解错了，导致没有排序去做），接着就是简单的模拟。，然而实际上这道题目要求的是。小心处理数字相同的情况。
matlab plot 函数bo--
09-10
`plot` 函数是 MATLAB 中用于绘制图形的函数之一。`bo--` 是一种用于指定绘图样式的参数，其中： - `b` 表示蓝色（blue） - `o` 表示圆点标记（marker） - `--` 表示虚线线型（linestyle） 因此，`plot` 函数使用 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

b2b160

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值