数据库绘图

数据库绘图（精选10篇）

数据库绘图 篇1

1 前言

在科学实验或实时监测中常有一些离散的测量数据需绘图表示，由于计算机软硬件技术的发展，现在可选择的绘图工具很多，有专业的数据绘图工具如Origin、Labview、Matlab等，常用的可视化编程工具和办公软件Excel中也提供了很有效的绘图功能。但这些绘图工具难以实现从Internet上通过浏览器随时随地查看数据变化的功能，多数网站利用CGI或Java、DotNet控件来实现绘制实时曲线图，但对于非专业软件开发人员来说也不易实现。ASP是一种简单方便的编程工具，应用广泛且易于调试，尤其是通过内置对象ADO可方便地和数据库交互，成为建立动态网站追求简捷高效的最佳选择。ASP本身所用的脚本语言是不提供绘图语句的。为了满足把任意提取的数据在Internet上进行分析研究的需求，通过VB-Script用HTML和DIV块标签实现了数据图的绘制，并取得较好的显示效果。

2 绘图

在B/S结构中绘图和用专业数据绘图软件或VB、VC等语言绘图的方式是不同的，客户端的浏览器不同于标准窗体可任意设置各种属性来满足绘图要求。脚本语言无专用绘图语句，但用DIV标签可定义块，通过定位，可在浏览器的任一位置显示一个字符，如果把这个字符缩小到像个点，这样实现了在浏览器中画点，有了画点功能就可绘出任意图形。这就像多年前在DOS字符界面下作图，虽然本质上是字符模式绘图，但得益于现在网络和计算机速度大幅度提高，这种方法基本上可达到用绘图语句在标准窗口中绘图或用专业软件绘图一样的效果。

DIV标签是用来为HTML文档内大块的内容提供结构和背景的元素，其中所包含元素的特性由DIV的属性来控制，或者是使用CSS方式来进行控制。以下代码是定义了一个Point函数，用DIV在坐标(x,y)处来画一个大小为s的圆点字符·，当然也可用圆圈等特殊符号，颜色也可参数化。坐标轴的水平和垂直线用高度和宽度为1个像素单位的DIV空白块来代替。

在进行数据绘图时，为了显示每个点的具体数值，在不影响速度的前提下可对画点函数进行适当改造，如图1所示。可用一个较小的GIF图片替代Point函数中的圆点字符，即函数体改为：

response.write"

摘要：给出了一种利用ASP技术,通过DIV标签实现在网上绘制实时数据监测图的简便方法,并对数据的读取和转换进行了简要说明。

关键词：数据绘图,ASP,DIV,ADO

参考文献

[1]电脑编程技巧与维护杂志社.ASP编程精选集锦.北京:科学出版社,2003.

[2]王承君,李晓波,王兆红.Web数据库技术应用教程.北京:中国水利水电出版社,2005.

[3]百度网.DIV-百度百科.http://baike.baidu.com/view/26140.htm,2009.

数据库绘图 篇2

手写绘图输入设备对计算机来说是一种输入设备，最常见的是手写板，其作用和键盘类似。当然，基本上只局限于输入文字或者绘画，也带有一些鼠标的功能。

手写板一般是使用一只专门的笔，或者手指在特定的区域内书写文字。手写板通过各种方法将笔或者手指走过的轨迹记录下来，然后识别为文字。对于不喜欢使用键盘或者不习惯使用中文输入法的人来说是非常有用的，因为它不需要学习输入法。手写板还可以用于精确制图，例如可用于电路设计、CAD设计、图形设计、自由绘画以及文本和数据的输入等。

体育绘图初探 篇3

关键词：体育绘图；教学方法；多学多练

体育绘图是借鉴绘图的基本知识，运用美术简练的绘画技巧，将美术简笔绘画与体育有机结合而形成的一种简图。学习目的是培养未来的体育教师能快速勾画比较规范的简图、自己绘制教学挂图和投影仪用的教学投影片等，以具备体育教育需要的实用性技能，从而高表达能力与教学质量。体育绘图是高等师范院校体育专业的一门必修课程。作为体育绘图的任课教师，笔者在教学中有以下体会。

一、学习体育绘图的意义

1.体育绘图的应用有利于提高体育教师的专业能力

体育绘图是记录体育动作的一种手段，它具有节省文字、突出重点的作用，在编写训练计划方面可以节省大量的准备时间，提高工作效率。同时，由于图文并茂、形象直观，它可以使准备更加深入彻底。在课堂教学、运动训练中，由于体育绘图直观方便地提示运动技术关键，定格标准的运动技术结构，一方面能集中学生的注意力，另一方面也可以弥补教师动作示范、讲解、学生练习中的不足，进而提高教学质量。在积累资料方面，由于体育绘图工具简单，操作方便，并能形象快速勾选，因此在观摩比赛、教学之余，体育师生可以轻松地收集记录资料。由此可见，体育绘图课的开设可以提高体育师生对专业技能的领悟能力，掌握简洁的学习手段，从而提高教学质量。

2.体育绘图的学习有利于探索新的教学方式

当今的教学，已经由原来的发挥教师的主体作用转变为教师与学生的互动，体育绘图课正是体现这种互动最方便的课堂。因为它不仅将体育运动与绘图生动地结合在一起，也部分体现了西方教育所推崇的实用主义教育，即引导学生在实践中探索，在实践中获取知识。大家知道，以往的理论教师以讲解示范为主，学习以试听笔记为主。而体育绘图课更多强调学生不仅仅是按照教师的讲解，照着教科书涂涂画画，而是要以体育教学实践为基础，以正确理解运动形态为前提，正确地画，形象地画，创造性地画。

3.体育绘图的学习有利于加强体育师生的体育人文意识

体育是一种庄严肃穆的礼仪庆典文化，是一种记录人类潜能发展的文化，是一种昭示科技进步的文化。从人类产生至今，体育作为生活中必不可少的部分，也阐述着人类的进步史。虽然体育绘图的开设是在12世纪80年代，但如果将它作为一门学科来研究则时间可追溯到远古。一些保存至今的岩画、壁画、墓葬出土文物反映了当时的祭祀、舞蹈、狩猎等丰富的体育活动场面。这说明用绘图来表现与体育有关的题材其历史是久远的，人类从未放弃用绘图这种形式描述体育文化现象、提示体育规律从而指导人类实践。中国的体育以其博大精深、内涵丰富吸引世界众多的日光，作为炎黄子孙，我们有必要传承文明、继往开来，以一种崭新的姿态面向它，改进它，丰富它。

二、体育绘图教学方法

1.精心组织理论知识

理论是实践的基础，任何一种实践课必须有理论的指导。对于一门美术简笔绘画和体育有机结合的课程，又面对着对美术知识所知甚少的体育专业学生，如何组织理论知识讲授呢？首先，对于任何一种图法所能运用的基础理论要做到精要概述，不要运用过多的绘图专业术语，尽量做到言简意赅。其次，对于任意一种图法的比例关系要搞清，虽然体育绘图用的比例基本上是头高比例（即以人的头的高为度量单位，衡量人体的高低胖瘦和人体的各部位的大小长短），是一个近似值，但既然如此规定必定有其存在的必要性，一旦搞错会使比例失调，不能正确反映人体的姿体形态结构。另外，对于人体解剖部位的表现方法，一定要讲细、讲精，学生只有正确掌握解剖部位及动作的画法，才能如实准确地反映技术动作。最后对于一些细节、小窍门，比如利用画下颔、鼻子表现仰头的动作等，要多介绍一些，这样既能增强课堂的趣味性，又能增强学生的绘画实用性技巧。

2.多累积各种动作形态结构的素材

我们知道，在绘任何动作图的时候，只有明确具有标致特征的解剖部位在动作各个阶段的位置，以及所处的某种特殊状态，即熟知动作结构，勾画才能得心应手。所以我们平时要注意积累多种动作形态结构的素材，不仅是依靠日常课堂教学、训练、观摩比赛或对动作形态的观察，还要多方寻找书籍、杂志、图片、碟片以充实个人的素材库；不仅要积累徒手体操方面的，各个专修的学科以及像武术这样特殊形态的素材也要积累。就像学习一个动作一样，只有形成正确的运动表象，才能正确掌握动作。同样，只有熟知多种正确动作形态结构，才能更快、更准确、更熟练地勾画。

3.充分发挥教师的积极主动性

我国教学正处在一个批判、继承的改革阶段，但无论怎么改革，一个教师的职业道德是至关重要的。一名教师对于所教的专业负责，才能精心搜集资料、备课，才能精心安排课堂内容、节奏，才能积极与学生沟通，掌握反馈信息。体育绘图课是一门开发比较晚的课，没有太多的书籍。教师只有依靠专业精神，以高度的热情，在教学实践中多准备、多积累。对于这样一门集多种教学于一体的学科，应该在教法上多研究、多实践，以便充分挖掘潜力，发挥其作用，让它更好地为教育教学服务。

参考文献：

[1]黄寿山，等.体育绘图[M].上海:科技文献出版社,1995.

数据库绘图 篇4

一般而言,在标量空间,三维图形的表达难以实现,而MATLAB具有有很好的三维数据可视化功能,尤其适用于矩阵运算。本文分析了在标量空间绘制三维图形时所需要的数据源是如何产生的,以及深入分析数据源的产生对于三维图形作“镂空”处理的意义。这个研究对于MATLAB辅助实际应用研究具有重要的意义。

1 三维绘图数据源产生分析

MATLAB绘制三维图形的方法是用矩形网格来绘制曲面图形,meshgrid指令就是在(x,y)平面来产生矩形网格的,格式为:[X,Y]=meshgrid(x,y)

其中,x,y为两个矢量,而X,Y为两个矩阵。而meshgrid指令的作用就是将由矢量x和y定义的域转换成一个由两个数组X和Y组成的标量空间,以便于对形如z=f(x,y)的方程进行三维表达。输出数组X的各值是由矢量x的各值在y轴上扩展成矢量y的大小[1]。同样,输出数组Y的各值是由矢量y的各值在x轴上扩展成矢量x的大小。

程序提供了一维行向量x=[-5-4-3-2-1 0 1 2 3 45],将x在y的方向上扩展成y大小,形成数组X,同理程序提供了一维列向量y=[-5-4-3-2-1 0 1 2 3 4 5]’,将y在x的方向上扩展成x的大小,形成数组Y,在x-y平面[2],数组X和数组Y形成了数据点阵如图1所示,然后根据关系式:z=x2+y2计算每个数据点阵在空间中的高度,用surf指令做出表面图形,如图2所示。

2 镂空处理

2.1 平面域镂空分析

明确了3D图形的数据来源,就可以对立体图形的各个部分进行镂空处理。如果要在图2的基础上对空间曲面图进行镂空,效果如图3所示,操作指令如下:

根据指令段,数组X的第8行到第9行,第8列到第9列数据乘以一个非数nan,数组Y的第8行到第9行,第8列到第9列数据也乘以一个非数nan,数据点阵发生了变化,如图4所示:进行绘图时,含有非数的数据部分被忽略[3],即不被绘制。从立体效果来看,对空间表面图进行了镂空操作。

2.2 镂空疑点

对镂空后的立体图形进行视角修饰,即在绘图之间加上指令〉〉view(2),让方位角az=0o,仰角el=90o,即对图形进行俯视操作,数据源的变化如图5所示,不难发现一个问题,根据数据源变化,我们绘图的时候应该忽略X(8:9,8:9),对应忽略Y(8:9,8:9)四个点,根据俯视图,镂空的区域似乎应该如图6所示,问题在哪里呢?

观察图6,如果忽略图6中的四个点的数据,则如图7所示,A,B,C,D这四个点周围形成不了封闭区域,填充自然无效。可见实际镂空俯视图如图4所示,其立体效果如图3所示,这个谜团一经揭开,我们对立体图形数据源的认识会更加清晰,也就可以对立体图形的进行任意裁剪。

2.3 圆域的镂空分析

对于一个球体,如果想要在球体上剪掉其1/8,该怎么做呢?

为了俯视看到圆域镂空效果,先截取球体一半,因为无论在球体上截取小于等于二分之一的任意部分,俯视效果都是一样的[4,5]。所以我们先得到一个半球体,指令段如下:

分析:参考2.2平面镂空原理以及圆域特点,对其进行镂空处理,数据点阵的忽略关系如图8所示(部分图):y数据点阵同理[6,7,8]。

经过数据点阵忽略分析,对指令断调整如下,所的图形如图9所示,其俯视图如图10所示

经过圆域的镂空分析,回到2.3开始的那个问题,若要求在球体上裁减掉1/8,就很容易解决,忽略掉x,y数据域第13行到第20行,第2列到第5列的数据,得到裁减后的立体效果如图11所示:

3 结语

本文首先阐明了三维立体图形绘制中数据源产生的机理,数据与图形存在着怎样的对应关系,然后在此基础上对3D可视化操作中的一项重要技术,即镂空技术进行了详细分析,达到对图形的任意位置进行镂空。进一步提出在圆域里,对图形的镂空是如何实现的。通过分析总结,关键是要明晰数据与图形的对应关系,这样才可以游刃有余的对3D图形进行任意镂空。本文对于3D图形数据源分析有实际应用意义。

参考文献

[1]曹弋.MATLAB教程及实训[M].北京:机械工业出版社,2008:108.

[2]王志涌.精通MATLAB6.5.北京航空航天大学出版社.2003.3.

[3]飞思科技产品研发中心.MATLAB7基础与提高.电子工业出版社,2005:174-175.

[4]王家文,曹宇MATLAB6.5图象图形处理国防工业出版社,2004.

[5]Hosny,K.:Exact legendre moment computation for gray level images.Pattern Recognition 40(2007)3597-3605.

[6]Mukundan,R.,Ong,S.,Lee,P.:Image analysis by tchebichef moments.IEEE Trans.Image Processing 10(2001)1357-1364.

[7]Yap,P.,Paramesran,P.,Ong,S.:Image analysis by krawtchou kmoments.IEEE Trans.Image Processing 12(2003)1367-1377.

iOS开发绘图 篇5

前言：在iOS开发中，系统已经给我们提供了功能强大的控件，可是很多并不能满足我们的需求，这时候我们需要，自定义一些美观的控件。所用的知识也就是下面的绘图。

1.基本的绘图知识

1.1图形上下文

1.1图形上下文(Graphics Context)：是一个CGContextRef类型的数据

1.2图形上下文的作用

保存绘图信息、绘图状态

决定绘制的输出目标(绘制到什么地方去?)

(输出目标可以是PDF文件、Bitmap或者显示器的窗口上)

1.2 - (void)drawRect:(CGRect)rect

作用：就是用来绘图 什么调用：当控件第一次显示的时候 rect:当前控件的bounds

1.2 绘图的步骤

1.获得图形上下文:

CGContextRef ctx = UIGraphicsGetCurrentContext();

2.拼接路径

新建一个起点

void CGContextMoveToPoint(CGContextRef c, CGFloat x, CGFloat y)

添加新的线段到某个点

void CGContextAddLineToPoint(CGContextRef c, CGFloat x, CGFloat y)

添加一个矩形

void CGContextAddRect(CGContextRef c, CGRect rect)

添加一个椭圆

void CGContextAddEllipseInRect(CGContextRef context, CGRect rect)

添加一个圆弧

void CGContextAddArc(CGContextRef c, CGFloat x, CGFloat y,

CGFloat radius, CGFloat startAngle, CGFloat endAngle, int clockwise)

3.添加路径到上下文

Mode参数决定绘制的模式

void CGContextDrawPath(CGContextRef c, CGPathDrawingMode mode)

绘制空心路径

void CGContextStrokePath(CGContextRef c)

绘制实心路径

void CGContextFillPath(CGContextRef c)

提示：一般以CGContextDraw、CGContextStroke、CGContextFill开头的函数，都是用来绘制路径的

4.渲染到View上面

1.3 基本的绘图实例

1. 绘制线条

获得图形上下文:UIGraphicsGetCurrentContext()拼接路径：UIBezierPath添加路径到上下文CGContextAddPath(ctx, path.CGPath)渲染到View上面CGContextStrokePath(ctx)

- (void)drawLine{ // 一个路径对象，可以对应多跟线 // 1.获取跟当前view想关联的上下文,系统自动帮我们创建的上下文 CGContextRef ctx = UIGraphicsGetCurrentContext(); // 设置上下文的状态,应该放在渲染之前就可以 // 创建对应颜色对象，调用set方法 [[UIColor redColor] set]; // 设置上下文的线宽 CGContextSetLineWidth(ctx, 15); // 设置线段的连接样式 CGContextSetLineJoin(ctx, kCGLineJoinRound); // 设置线段的端点样式 CGContextSetLineCap(ctx, kCGLineCapRound); // 2.拼接路径，UIBezierPath,封装好了一套很好使用的路径 UIBezierPath *path = [UIBezierPath bezierPath]; // 2.1 设置起点 [path moveToPoint:CGPointMake(10, 125)]; // 2.2 添加一根线到某个点 [path addLineToPoint:CGPointMake(220, 125)]; // 如果只使用一根路径，默认下一根线的起点在上一根跟线终点 [path addLineToPoint:CGPointMake(200, 150)]; // 3.添加路径到上下文 CGContextAddPath(ctx, path.CGPath); // 4.渲染到view上面的图层 CGContextStrokePath(ctx);}

2.绘制曲线

一般通过贝塞尔曲线来绘制图形：UIBezierPath

-(void)drawLIneQuadCurve{ // 1.获取上下文 CGContextRef ctx = UIGraphicsGetCurrentContext(); // 2.拼接路径 UIBezierPath *path = [UIBezierPath bezierPath]; [path moveToPoint:CGPointMake(10, 125)]; [path addQuadCurveToPoint:CGPointMake(240, 125) controlPoint:CGPointMake(125, 0)]; // 3.路径添加到上下文 CGContextAddPath(ctx, path.CGPath); // 4.渲染上下文 //以填充的方式渲染 //CGContextFillPath(ctx); CGContextStrokePath(ctx);}

3.绘制矩形

// 绘制矩形- (void)drawRect{ CGContextRef ctx = UIGraphicsGetCurrentContext(); UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(50, 50, 100, 100) cornerRadius:50]; CGContextAddPath(ctx, path.CGPath); // 设置填充的颜色 [[UIColor redColor] setFill]; [[UIColor greenColor] setStroke]; // 填充：必须封闭的路径 // 即描边又填充 // 如果以后只需要描边，最好不要使用fill CGContextDrawPath(ctx, kCGPathFillStroke); // CGContextFillPath(ctx); CGContextStrokePath(ctx);}

4.绘制圆弧

- (void)drawRect:(CGRect)rect { // 画圆弧 // center：圆心 // radius：半径 // clockwise：当前是 yes：顺时针 no：逆时针 CGPoint center = CGPointMake(125, 125); UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(125, 125) radius:100 startAngle:0 endAngle:-M_PI_2 clockwise:NO]; // 添加一根线到圆心 [path addLineToPoint:center]; // 关闭路径：从路径的终点到起点 // [path closePath]; // 填充，默认会关闭路径，从路径的终点到起点 [path fill];}

5.绘制文字

- (void)drawRect:(CGRect)rect{ //=========================绘制文字========================== NSString *name = @会长桂雏菊; // 描述文字的属性，颜色，字体大小 NSMutableDictionary *attr = [NSMutableDictionary dictionary]; // 字体 attr[NSFontAttributeName] = [UIFont systemFontOfSize:15]; // 颜色 attr[NSForegroundColorAttributeName] = [UIColor redColor]; // 边框颜色 attr[NSStrokeColorAttributeName] = [UIColor redColor]; // 边框宽度 attr[NSStrokeWidthAttributeName] = @1; // 阴影 NSShadow *shadow = [[NSShadow alloc] init]; shadow.shadowOffset = CGSizeMake(3, 3); shadow.shadowColor = [UIColor yellowColor]; shadow.shadowBlurRadius = 3; attr[NSShadowAttributeName] = shadow; [name drawInRect:CGRectMake(90, 100, 100, 50) withAttributes:attr];}

6.绘制饼状图

在初始化的时候时候，系统通过调用drawRect方法绘图。但是如果我们要重绘，手动调用drawRect方法是无效的。不过系统为我们准备了重绘的方法:

重绘：setNeedsDisplay

- (void)drawRect:(CGRect)rect { // Drawing code NSArray *datas = @[@25,@25,@50]; CGPoint center = CGPointMake(125, 125); CGFloat r = 100; CGFloat startA = 0; CGFloat angle = 0; CGFloat endA = 0; for (NSNumber *number in datas) { // 遍历一个数据，绘制一根扇形 startA = endA; angle = number.intValue / 100.0 * M_PI * 2; endA = startA + angle; // 描述圆弧 UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:r startAngle:startA endAngle:endA clockwise:YES]; [path addLineToPoint:center]; [[self randomColor] set]; [path fill]; }}//当点击View的时候，重绘- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{ [self setNeedsDisplay];}//生成随机的颜色- (UIColor *)randomColor{ CGFloat r = arc4random_uniform(256) / 255.0; CGFloat g = arc4random_uniform(256) / 255.0; CGFloat b = arc4random_uniform(256) / 255.0; return [UIColor colorWithRed:r green:g blue:b alpha:1];}

7.上下文栈

将当前的上下文copy一份,保存到栈顶(那个栈叫做”图形上下文栈”):

void CGContextSaveGState(CGContextRef c)

将栈顶的上下文出栈,替换掉当前的上下文:

void CGContextRestoreGState(CGContextRef c)

- (void)drawRect:(CGRect)rect { // Drawing code // 1.获取上下文 CGContextRef ctx = UIGraphicsGetCurrentContext(); // 2.拼接路径 UIBezierPath *path = [UIBezierPath bezierPath]; // 横 [path moveToPoint:CGPointMake(10, 150)]; [path addLineToPoint:CGPointMake(290, 150)]; // 3.把路径添加到上下文 CGContextAddPath(ctx, path.CGPath); //================================================ // 保存上下文状态 CGContextSaveGState(ctx); //================================================ // 设置上下文的状态 CGContextSetLineWidth(ctx, 10); [[UIColor redColor] set]; // 4.渲染上下文，查看上下文的状态，根据状态去渲染 CGContextStrokePath(ctx); // 竖 path = [UIBezierPath bezierPath]; [path moveToPoint:CGPointMake(150, 10)]; [path addLineToPoint:CGPointMake(150, 290)]; // 3.把路径添加到上下文 CGContextAddPath(ctx, path.CGPath); // ============================================== // 从上下文状态栈里面取出保存的状态，替换掉当前的状态 CGContextRestoreGState(ctx); // ============================================= // 4.渲染上下文，查看上下文的状态，根据状态去渲染 CGContextStrokePath(ctx);}

8.上下文的平移，旋转，缩放

利用矩阵操作，能让绘制到上下文中的所有路径一起发生变化

缩放

void CGContextScaleCTM(CGContextRef c, CGFloat sx, CGFloat sy)

旋转

void CGContextRotateCTM(CGContextRef c, CGFloat angle)

平移

void CGContextTranslateCTM(CGContextRef c, CGFloat tx, CGFloat ty)

- (void)drawRect:(CGRect)rect { // 获取上下文 CGContextRef ctx = UIGraphicsGetCurrentContext(); // 拼接路径 UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(-100, -50, 200, 100)]; // 矩阵操作：必须要在添加路径之前进行形变 //平移上下文 CGContextTranslateCTM(ctx, 100, 100); // 旋转 CGContextRotateCTM(ctx, M_PI_4); // 缩放 CGContextScaleCTM(ctx, 0.5, 0.5); // 添加路径到上下文 CGContextAddPath(ctx, path.CGPath); // 渲染上下文 CGContextFillPath(ctx);}

9.图片加水印

1.开启一个基于位图的图形上下文

void UIGraphicsBeginImageContextWithOptions(CGSize size, BOOL opaque, CGFloat scale)

size:上下文尺寸 opaque:不透明 Yes 不透明 透明 NO scale：是否缩放上下文，0表示不要缩放

2.从上下文中取得图片(UIImage):

UIImage* UIGraphicsGetImageFromCurrentImageContext()

3.结束基于位图的图形上下文：

void UIGraphicsEndImageContext()

- (void)viewDidLoad {开启一个基于位图的图形上下文void UIGraphicsBeginImageContextWithOptions(CGSize size, BOOL opaque, CGFloat scale) [super viewDidLoad]; UIImage *image = [UIImage imageNamed:@hina]; // 创建位图上下文 UIGraphicsBeginImageContextWithOptions(image.size, NO, 0); [image drawAtPoint:CGPointZero]; // 文字 NSString *str = @会长桂雏菊; [str drawAtPoint:CGPointMake(0, 0) withAttributes:nil]; // 根据上下文的内容生成一张图片 image = UIGraphicsGetImageFromCurrentImageContext(); // 关闭上下文 UIGraphicsEndImageContext(); // 用来网络中传输图片 NSData *data = UIImagePNGRepresentation(image); [data writeToFile:@/Users/apple/Desktop/image.png atomically:YES];}

10.图片裁剪

1.将当前上下所绘制的路径裁剪出来(超出这个裁剪区域的都不能显示)：

void CGContextClip(CGContextRef c)

思路分析

先画一个大圆，在设置裁剪区域，把图片画上去，超出裁剪区域的自动裁剪掉，

* 加载旧图片，根据旧图片，获取上下文尺寸。

* 确定圆环宽度 borderW

* 上下文的尺寸 = 新图片的尺寸

* 确定新的上下文尺寸: newImageW : oldImageW + 2 * borderW newImageH : oldImageH + 2 * borderW，

* 绘制大圆：

1.获取上下文 2.添加路径到上下文 3.设置大圆的颜色 = 圆环的颜色 4.渲染

* 设置裁剪区域,和图片尺寸一样大，只不过，x,y不一样，x=borderW,y=borderW.

* 绘制旧图片

* 获取新图片

* 关闭上下文

* 抽分类，3个参数，图片名称，圆环宽度，圆环颜色

+ (UIImage*)imageCircleWithImage:(UIImage *)image borderWidth:(CGFloat)borderWidth borderColor:(UIColor *)borderColor{ // 设置圆环宽度 CGFloat boardW = borderWidth; CGFloat imageW = image.size.width + 2 * boardW; CGFloat imageH = image.size.height + 2 *boardW; // 只有正方形才能正切圆，选择一个最短的尺寸，正切。 CGFloat circleW = imageW > imageH ? imageH : imageW; CGRect rect = CGRectMake(0, 0, circleW, circleW); // 2.开启图像上下文 UIGraphicsBeginImageContextWithOptions(rect.size, NO, 0.0); // 3。获取当前上下文 CGContextRef ctx = UIGraphicsGetCurrentContext(); // 4.画外圆 UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:rect]; CGContextAddPath(ctx, path.CGPath); [borderColor set]; CGContextFillPath(ctx); // 设置头像尺寸 rect = CGRectMake(boardW, boardW, image.size.width , image.size.height); // 5.创建裁剪路径 UIBezierPath *clipPath = [UIBezierPath bezierPathWithOvalInRect:rect]; // 6.裁剪路径 // 根据这个路径进行裁剪，超出路径以外的部分就不会显示了 [clipPath addClip]; // 7.画头像 [image drawInRect:rect]; // 不能直接在这返回，上下文没有关闭，会消耗内存. // 8.获取新图片 image = UIGraphicsGetImageFromCurrentImageContext(); // 9.关闭上下文 UIGraphicsEndImageContext(); return image;}

11.截取屏幕

View之所以能显示东西，完全是因为它内部的layer。View内部有个layer(图层)属性，drawRect:方法中取得的是一个Layer Graphics Context，因此，绘制的东西其实是绘制到view的layer上去了

- (void)renderInContext:(CGContextRef)ctx;

记一次地理绘图活动 篇6

笔者到山东旅游，一导游这样介绍山东：“母亲河——黄河在山东入海，五岳之首的泰山也被称为中国的父亲山，也在山东，母亲河、父亲山共同孕育了圣人——孔子，影响了中国几千年。”言语间显出无比的自豪，由此笔者联想到学生对湖南、对株洲也会有深厚的感情吗？培养学生的爱国热情，培养学生对家乡的情感，这也是教师的教学任务之一。试想，通过画一画学校的平面图，可以让学生更加了解学校，更能发现学校的美，美的情感产生了，爱校的情感也就会油然而生。

安排一节绘制学校平面图的活动，首先需要复习比例尺、图例、方向等有关地图的知识，这就是知识与技能目标；其次，通过教师介绍、学生画的过程来了解学校，熟悉学校，这是过程与方法目标；再次，通过绘制学校地图，美化学校，产生对学校爱的情感，这是情感目标，因此，这种绘图活动与地理新课程的目标是一致的。

二、活动过程与方法

（1）阅读两副平面图，分析优缺点。选取广东佛山一中和福建宁化一中的平面图，让学生通过看图了解平面图上都有哪些内容，比例尺和方向是如何表现的，怎样设计图例、怎样美化校园。

（2）复习地图知识，为活动作准备。地图的基础知识在初中已经学习过，考虑到学得比较久了，应视学生情况有针对性地进行复习讲解。可在教学中重点复习比例尺的大小，尤其是如何选择合适的比例尺。

（3）借助google earth 强大功能，绘制草图。google earth软件是google公司发布的一款地图搜索软件。该软件可以到网上搜索，下载后安装运行即可。它采用成熟的宽带流技术，为使用者提供多种数据，如卫星图片可以清晰到街道、房屋建筑甚至人，任何一地点精确的经纬度位置，任意点的方向和海拔高度，是地理教学的好帮手。在课前，可用google earth找到学校的位置，并用红色的“路径”画出学校范围。对主要建筑物添加“地标”，以后要找到学校或学校中的某个建筑物，只要点击文件中的相应“地标”，google earth就会带着我们自动地飞到该地上空，十分方便。在课堂教学中，运行google earth，点击学校“路径”, google earth就会带着我们在学校上空飞行一圈，在学生的惊奇声中，读出学校的经纬度位置、海拔高度，介绍学校周边的环境，如株洲四桥、解放街等。然后调整“指南针”确定学校的方向，依据卫星图在黑板上边讲边画出学校草图，利用“ruler”工具量出各建筑物的大小，并把它们标在草图上。

（４）依据草图，实地考察。利用课余时间，依据草图，进行实地考察：一方面验证草图中各主要建筑是否位置正确，通过验证让学生熟悉各场所的位置、形状，并体会实物与俯视图、平面图的异同，对各建筑获得亲身感受；另一方面通过实地考察确定道路走向，假山、人造瀑布、凉亭等小型建筑的位置，广场和绿化区的分布，将这些内容在正式绘图时再补充上去。

（5）明确绘图要求。依据学校的范围大小，统一采用1：1 000的比例尺，用8k的白纸或绘图纸绘出边界，并标绘出周边的两条主道：南面通向四桥的王塔冲路和北面的解放街；主要建筑物用铅笔描绘，便于修改，注记用签字笔填写；假山、人造瀑布、凉亭、广场和绿化区等图例的设计要求简洁美观。

三、作业评价与反馈

数据库绘图 篇7

1 计算机二维制图软件的应用

Auto CAD为当下使用最为广泛的二维绘图软件, 是目前CAD领域内拥有客户群最多的软件包, 可用于二维绘图、详细绘制、二次开发、设计文档及部分基本的三维设计, 设计人员可在该软件下直接绘制图形、标注尺寸及捕捉对象, 绘图工具箱内包含各类绘图工具, 可绘制出各式各样的线条, 剖面线的绘制、填充及修改均较为便捷。在二维平面图中, Auto CAD显示出其强大的绘图功能, 如Auto CAD2010系统提供的自动追踪与对象捕捉等功能, 可便于设计人员在无需输入坐标的情况下精准快速地绘制出图形, 绘图工具有助于准确定位所绘图形, 可有效提高绘图的效率与精确性。因绘图过程中对于“对象捕捉”功能的使用频率较高, 鉴于此, Auto CAD还特意设置了一种自动对象捕捉模式, 可迅速捕捉到部分特殊点, 从而精确地绘制出图形。随着Auto CAD普及面的增广, 基于原系统基础上的二次开发工具也相继推出, 笔者发现, 许多设计单位选择Auto CAD并非仅将其视为绘图板替代软件, Auto CAD只有真正实现了二次开发, 才能充分发挥其效用。迄今为止, Auto CAD共提供Visua Lisp、ADS、Object ARX及VBA四类主流二次开发工具。目前, dwg为Auto CAD二维图形档案的标准格式, 因该系统通用于多种操作平台, 故任何版本的CAD用户均可直接打开。但随着社会发展对于设计要求的提高, 利用二维制图软件创建三维图形时, 图形效果欠佳等缺陷愈发显现, 为了改善图形效果欠佳这一问题, 致使许多设计人员将二维软件当做数据转化的工具, 而Auto CAD恰好具备该功能, 可实现多种设计软件之间数据的相互导入与编辑, CAD已成为各个设计人员必须掌握的核心应用软件。

2 计算机三维制图软件的应用

随着Auto CAD的升级与发展, 特针对三维图形的创建开发出了专用的UG一体化软件, 该软件为三维制图的主流产品, 可对各类复杂的三维模型快速建模, UG实体建模还具备复杂实体模型的编辑与交互创建作用, 可自动保存设计步骤。其所提供的旋转、拉伸、布尔运算、扫描等建模法, 使设计人员既可开展参数化建模, 又可开展非参数化三维建模, 设计人员可进行二次编辑, UG一体化软件沿袭了传统软件独具的线、面、体造型优势, 可迅速创建二维、三维线实体模型。此外, 其可保留一定的设计关联性, 便于设计导入至到二维工程图中。UG还拥有强大的操作界面, 设计人员可对图形外观进行调整与修改。尽管目前UG软件为产品设计的理想之选, 但仍无法完全取代二维制图软件的功能, 二维软件在加工制造业应用范围较广, 故当下三维制图软件基本都提供二维工程图的功能, 并将二者进行了有效的关联, 故掌握基于CAD绘图设计技术的数据转换极为重要, 目前所普遍采用的为数据接口转换。

3 数据接口转换

UG NX软件具备各类文件类型共享输入输出系统, 在设计时, 设计人员可先借用UG软件的参数化设计功能进行三维造型设计, 并通过其数据转换接口进行图样文件的转换, 再借助Auto CAD强大的制图功能, 按照设计需求及习惯进行文件的编辑、标注等工作, 数据转换接口所进行的工作就是全面浏览输出模型所涵盖的信息, 以兼容性的表现形式来对目标模型中的对象进行表示并加以输出, 需保证读取该中性模型的软件配备有输入接口, 即前后置处理器。笔者在实践中发现, 若三维模型操作系统设计之初的目的仅为实现既有模型在其他兼容型软件中的使用与共享, 则在设计中仅需考虑输出接口的设计, 笔者以UG三维软件为范例, 可先创建新的模型文件或打开既有模型文件, 选择菜单下的输入/输出选项, 并选择文件类型, 勾选对应的格式后选择导入/导出。此法简单易上手, 尤其适用于集成系统, 一般而言, UG三维软件与二维Auto CAD常用的转换格式为CGM格式及DXF格式, CGM格式文件为二维图形文件, 具有较强的兼容性, 而DXF格式以ASCII码方式存储文件, 可读性佳, 可精准的呈现图形文件的大小, 可使各种类型的计算机通过交换DXF文件来实现交换图形的目的。

随着计算机技术的不断成熟与发展, 基于CAD二维制图软件与三维制图软件技术的数据转换在设计领域得到了普遍使用, 且在数据交互的过程中, 数据接口转换为现阶段的主要方法。笔者从自身多年从事设计工作的角度而言, 认为掌握娴熟的CAD绘图技术对于开展高质量的设计工作是极有必要的, CAD制图技术在呈现设计意图, 提升设计效率, 保证设计质量上具有显著的应用价值。但现阶段的二维到三维图像的一体化转换技术尚存有较多缺陷, 该问题也将成为今后CAD软件升级与研发的重点, 而二维Auto CAD与三维制图软件终将实现完美对接与转换。

摘要：计算机CAD绘图技术几乎可应用于所有跟绘图有关的行业, 如建筑、机械加工与制造、电子、天文、物理、化工等行业均为其客户群。随着CAD绘图技术的不断完善及其在各个领域内的快速渗透下, 要求设计人员对二维制图与三维制图均具有娴熟的操作与转换技能。那么, 如何在设计中实现CAD二维数据与3D、UG等三维制图软件数据间的无缝转换, 则成为设计人员在设计应用中必须思考并克服的一道难题。本文就计算机CAD绘图设计中常用的二维制图与三维制图数据转换方法进行了相关浅析, 以供同行参考与指正。

关键词：CAD绘图,二维制图,三维制图,数据转换

参考文献

[1]严学英, 冉英.基于计算机CAD绘图—数据转换在设计中的应用[J].计算机光盘软件与应用, 2013, 33 (16) :44-45.

[2]刘芳.基于计算机CAD绘图—数据转换在设计中的应用[J].华章, 2013, 32 (13) :86-87.

[3]汪小芳.UG在二维工程图制作中的应用[J].常州工程职业技术学院学报, 2010, 11 (02) :56.

[4]王立福.基于计算机CAD绘图-数据转换在设计中的应用分析[J].黑龙江科技信息, 2013, 52 (30) :115-116.

数据库绘图 篇8

1.1 计算机配置

用于园林绘图的计算机多数配置较高,如:主板可升级、可扩展槽、CUP高转速、硬盘容量大、独立显卡、高频内存、显示器超大宽屏、专业键盘和五键鼠标、还有DVD刻录等条件。

1.2 外辅设备

外辅设备主要包括扫描仪、绘图仪、投影仪、晒图仪、大图复印机、高效能彩色打印机、数码相机等。

1.3 绘图软件

计算机制图软件常用的有AutoCAD、3DMAX、Photoshop、佳园园林软件等。然而,这些绘图软件因版本推陈出新较快,不断变化，所以需要不断学习新的内容。掌握高版本的软件，提高绘图效率。

2 绘图软件的转换

2.1 AutoCAD与3Dmax的转换

AutoCAD“输出”的“觹.dwg、觹.dxf、觹.3ds、觹.wmf、觹.eps、觹.ai”格式文件可以在3Dmax中打开或导入进行编辑、使用。3Dmax储存或导出的觹.3ds、觹.dwg、觹.dxf格式文件在AutoCAD中通过“插入或打开”进行编辑使用。

2.2 AutoCAD与Photoshop的转换

AutoCAD输出的“觹.bmp、觹.wmf、觹.eps、觹.ai”格式文件可以在Photoshop中打开或导入进行编辑、使用。Photoshop存储的“觹.jpg、觹.tga、觹.bmp、觹.gif、觹.rel”格式文件可以在AutoCAD中使用“插入-图像管理器”输入使用。

2.3 3Dmax与Photoshop的转换

3Dmax制作完成的图形经过渲染后以觹.jpg、觹.jpe、觹.jpeg、觹.tif、觹.bmp、觹.eps、觹.png、觹.tga、觹.vda、觹.icb、觹.vst、觹.ps格式文件存储后可以在Photoshop中进行编辑使用。Photoshop的觹.jpg、觹.jpe、觹.jpeg、觹.bmp、觹.gif、觹.png、觹.psd、觹.pdd、觹.tga、觹.vda、觹.icb、觹.vst、觹.tif格式文件可以在3Dmax中以贴图素材或背景文件形式在其中使用调整设置等操作。

3 绘图软件在园林中的应用

3.1 AutoCAD软件

AutoCAD是一个功能强大的图形图像开发软件工具库，是一个可以根据用户的指令准确绘制、编辑并修改矢量图的绘图软件。AutoCAD可以保存每次绘图稿、进行单稿修改、图与图的合并和拆分、旋转和缩放、成图时间短速度快、图纸线条明晰、标注数据精确、分层编辑等优点，并且有快捷的命令输入。通过AutoCAD的命令点、直线、多段线、矩形、圆、椭圆等绘制出图形;而复杂的图形，可以采用扫描仪、数字化仪等设备，将图形扫描到计算机内，在AutoCAD中进行图形的描绘。其次，通过AutoCAD编辑命令等将园林绿地中的建筑、道路、山石、小品、水体、植物等设施进行合理布局，填充图案，赋予颜色，分层，分色，分线宽，分线型，尺寸标注等，绘制成一幅园林图。

一般在AutoCAD中可以绘制园林景观的总平面图、各立面图、剖面图、详图以及施工详图。如图1是AutoCAD中绘制好的一幅园林景观施工图。

3.2 3Dmax软件

3Dmax在园林绘图中主要表现在利用其三维空间模式来模拟设计的园林小品、园林建筑、道路、地形、路灯、墙体、水系等。并能赋予、设置最接近真实场景或设计效果的贴图、灯光和自然效果等。而后，在虚拟空间放置一部模拟摄像机，利用虚拟相机观看不同视角的透视场景，锁定理想的观看点。确定渲染器的类型,进行图像的渲染成图等工作。可以渲染出平面、立面、轴测、鸟瞰、动态漫游等多套图纸和视频影片。避免传统手绘效果图大量繁琐的图纸，大量的绘制工作。

图2是3Dmax中绘制好的一幅院门夜景图。3Dmax中建好院门的三维模型图，设置夜景模式，加后期的效果制作。

3.3 Photoshop软件

Photoshop高效率的快捷操作是软件绘图最方便特点。绘图软件在园林绘图工作中可以对图像进行编辑、修改、调整、合成、补充和添加效果等润色工作并能转换多种格式的图形文件。可以进行多种效果图的后期加工、制作。在园林效果图中合成图像,如天空、植物、水体、雕塑、山石、人车等以不同的图层存在并进行编辑。通道工具不仅可以增加园林效果图多彩的影像,还可以辅助图像制作成需要的园林绘图用素材图和背景图，并且以最佳质量、最节约空间的觹.jpeg格式文件保存。

图3是Photoshop处理完成的一幅别墅夜景图。用3Dmax制作别墅建筑主体三维模型图，设置夜景模式，后期用Photoshop的各种效果制作植物、道路、天空、路灯等，再合理地组合好整幅图。

4 结束语

园林绘图将会一体化：草图→效果图(草图渲染)→施工图→模拟漫游，更多更专业的园林专业软件会问世,制图方法和形式将日益丰富多彩,技术操作也将更加简捷方便。园林规划设计人员可更方便快捷地绘制出更多优秀的作品。

参考文献

[1]陈志民.Photoshop7建筑效果图制作精粹[M].北京:机械工业出版社,2003.

[2]高志清.3Dmax室外建筑效果图制作[M].北京:人民邮电出版社,2003.

[3]张斌.计算机技术在园林环境设计中的应用探讨[J].武汉:华中农业大学学报,1999,18(5):48-49.

数据库绘图 篇9

在前端开发中, 能完成图表的绘制功能的插件有很多, 例如Cubism、RGraph、Cytoscape Web gv Chart和Highcharts等。这些插件都是以Js为基础开发而成, 其中, Highcharts是目前较为流行且功能强大的一款图表插件, 几乎可以满足Web图表的任何需求。本文介绍了Highcharts插件的基本概念、文件结构、配置方法和高级功能。

1 Highcharts简介

1.1 Highcharts概念

Highcharts是一个用纯HTML5/Java Script一个图表库, 提供直观的, 交互式的图表到你的网站或Web应用程序。Highcharts目前支持直线图、曲线图、面积图、柱状图、饼图、散点图等多达18种不同类型的图表。

1.2 Highcharts的兼容性

它适用于所有的主流浏览器, 如:IE、Firefox、Chrome、Safari, 甚至包括括i Phone/i Pad和android等移动设备上的浏览器。并且, 在i OS和Android, 多点触控支持提供无缝的用户体验。标准浏览器使用SVG的图形渲染。在较为老旧的Internet Explorer中的图形使用VML绘制。

1.3 免费用于非商业场景

对个人用户及非商业用途而言, Highcharts是免费的, 并且开放源代码的下载。而商业用途的话, 需要购买软件许可。

2 Highcharts文件结构

本文以Highcharts 3.0.9版本为例, 介绍Highcharts的文件结构。

在官方网站 (http://www.highcharts.com/) 下载得到Hightcharts的压缩包以后解压会得到5个文件夹 (example, exporting-server, gfx, graphic和js) 和一个index.htm的实例入口页面。这5个文件夹的作用分别是:

example:例子代码目录

exporting-server:导出服务器目录

gfx、graphics:示例代码所需要的图片文件

js:所有的js文件

3 Hightcharts配置

Highcharts运行需要两个js文件, Highcharts.js及j Query、Moo Tools、Prototype、Highcharts Standalone Framework中的一个框架文件。

在html文件引入js文件有在线引入和本地引入两种方式, 针对不同的js框架需要引入的js文件不同。

3.1 在线引入js文件

j Query是目前使用最多的js框架, Highcharts就是基于j Query的一款绘图插件。

如果页面只有highcharts用到jquery功能 (也就是j Query没有进行其他的dom操作) , 可以考虑使用Highcharts Standalone Framework。Highcharts Standalone Framework压缩后只有2k, 相对j Query 100多k的体积, Highcharts Standalone Framework无疑会减少很多网络带宽。

3.2 引入本地js文件

Highcharts所有js文件都可以通过下载获得, 在实际项目中, 更多的是引入本地文件。

3.3 高级功能

Highcharts提供图表导出、更换图表主题等功能, 要实现这些功能需要额外引入js文件

Highcharts提供将图表导出 (或下载) 为常见图片文件及打印图表功能。想要使用该功能, 只需要引入exporting.js即可。

Highcharts提供图表更换主题功能, 只需要引入主题js文件即可更换主题。除默认主题样式外, Highcharts官方提供5款可选主题, 当然你也可以设计自己的图表主题。

4 结束语

本文在对基于Jquery的Highcharts绘图插件的基本情况进行了一个较为全面的介绍, 由于该插件的资料几乎都以英文为主, 本文把该插件的概念、安装和高级功能进行梳理, 希望对其他程序员有所启发。

参考文献

[1]Highcharts http://www.highcharts.com/, 2014, 4, 20[OL].

[2]麦冬, 岑贤生, 孔令文.开源图形库Highcharts与jQuery的整合应用[J].轻工科技, 2013 (3) .

女嘉宾灭灯的绘图理由 篇10

神农氏：你用身体做实验对老婆不公平。

大禹：事业虽重要，请不要冷落女人。

后羿：你从不在乎女人的内心世界。

纣王：老婆说什么就是什么，没有主见。

勾践：太能忍受的男人心机太重。

范蠡：可不可以理解你太爱钱才不做官?

吕不韦：没有嘉宾会喜欢把女人当礼品的男人。

孙武：从你严格对待宫女是否证明你对女人太心狠?

秦始皇：脾气太暴躁，我受不了。

吕布：这个社会需要有文化的人。

东方朔：太能狡辩的男人。

刘备：我要成天去哄你不哭鼻子。

关羽：太腼腆了，经常脸红，没见过大场面。

张飞：你吃完饭直接用胡子擦桌子吗? 诸葛亮：逛街遇到流氓，我还要来保护你。

赵子龙：你这么完美还没有恋爱，是不是有什么问题?

潘安：长得太帅的男人不安全。

尾生：一根筋的性格不好相处。

柳下惠：太冷静的男人永远不会跟你交心。

李白：太爱喝酒，还喜欢撒酒疯。

杜甫：我宁愿坐在别墅里哭，也不愿跟着诗人去笑。

柳永：喜欢夜生活的男人不能给人安全感。

屈原：你的承压能力太差。

吴三桂：做错事喜欢找借口，还会把责任推卸到女人身上。

张易之：我不可能赚钱来养你。

徐霞客：没有女人喜欢流浪。

郭靖：我说句话你都没法接。

令狐冲：我不想成天为你担惊受怕。

张无忌：不会拒绝女人的男人是喜欢玩暖昧的表现。

魏忠贤：所有女嘉宾灭灯，集体沉默。 最后，悟空来了。 女嘉宾：我不想晚上抱着动物睡。

隔几天，日本的奥特曼也来了。

女嘉宾：不爱护小怪兽，证明你没爱心。

再后来，美国的超人也来了。

女嘉宾：请问你会穿衣服吗?

哭笑不得逗趣事

1医生：去给那位今天出院的病人注射一针镇静剂。

护士不解：都可以出院了，还打镇静剂干嘛?

医生：等下要结账，我怕他受不了!

2国足主教练问上帝：中国队什么时候能出线啊?

上帝看了看教练严肃地说：我看这届就行……

教练惊叹：你TMD拿我找乐吧宁

上帝怒吼道：是你TMD先拿我找乐的!

3早上起来看到一则评论，原文如下：

一楼：大家冷静一些，都过来，听听五楼怎么说……

二楼：我认为五楼说得很有道理。

三楼：五楼说出了人民群众的心声。

四楼：五楼确实说得很好!

五楼：楼上的都是SB!

4一日去某数码商场，考察市场，销售员很热情地在招待顾客，见一个男的路过就说：“先生，相机!”

那个男的刚走进了店铺后，一女的路过，销售员立即跑到跟前说：“小姐，相机!” 只见那女的大骂：“你tmd才像鸡呢!”