绘图工具（精选五篇）
绘图工具 篇1
关键词：HTML5,在线数学绘图工具,研究
在数学的学习过程中, 数形结合是一种常用的研究问题的方法。特别在函数的研究过程中, 函数的图像对研究函数的性质, 如单调性、奇偶性、周期性、连续性等方面, 都有着非常大的帮助。所以, 作出准确的函数图像也就变得非常关键。
1研究现状
目前用于数学绘图的软件有很多, 如功能强大的MATLAB, 也有易用的几何画板。这些软件在课堂教学中都起到了很好的辅助作用。但这些软件更多的是为本地电脑提供服务, 对远程服务效果并不理想。
但是现今是一个互联网迅速发展的时代, 智能移动设备的普及, 让人们能随时随地的上网, 从网络上获取需求的信息。在网络上获取函数图像也是许多学生在学习中所需要的。
目前有一些在线的实验室是通过在服务器上部署MATLAB, 来实现在线绘图功能。但由于服务器的性能毕竟有限, 所以这只局限于某个局域网内进行。另外也有一些绘图软件借助了一些插件来进行, 如Flash, Java Applet等。而这些需要本地浏览器的支持才能发挥作用。
2需求分析
在线数学绘图工具, 需要能支持所有主流的浏览器。所以需要使用HTML来设计编写。HTML (Hypertext Markup Language超文本标记语言) 是Web上用来传送内容的语言。目前所有的浏览器都能解释HTML以及其中包含的CSS和Java Script。[1]HTML5是目前HTML的最新版本。其中canvas等特性, 让它在绘图方面的表现更加优秀。所以借助HTML5原生特性所创建的在线数学绘图工具的适用性将更为广泛。
在使用功能方面, 需要能实现拖动、缩放。作为数学图像, 常常需要从整体和局部来观察其特征, 所以绘制的图像不能是静止的, 需要能被拖动和缩放。在数学函数的研究中, 经常需要多个函数的图像多种组合的对比, 所以需要能对图中的函数图像进行添加和删除操作。
3设计与实现
3.1界面样式设计与实现
界面分为3个部分:绘图区、设置区、操作区。绘图区主要用于绘制图像, 以HTML5中的canvas实现, 位于主界面的左上角, 占较大页面。主界面下方是设置区, 主要用于设置图像显示比例, 网格等参数。在右侧一栏是操作区, 主要用于添加、删除图像操作, 以及对图像的线型和颜色进行修改操作。
3.2绘图区的设计与实现
3.2.1画布的实现
绘图主要通过HTML5的<canvas> 标签实现。它的宽度被设定为整个界面的宽的80%, 便于使用者观察。<canvas> 标签被HTML解释为一块画布, 可以通过Java Script来获取其对象从而进行绘图。 canvas是静态的2D画布, 为了实现动态效果, 需要在Java Script中设置一个计时器, 对画布进行每0.1秒重新绘制一次。
3.2.2绘制对象的数组
所有需要绘制的图像都需要放置在一个数组中, 这样每次重新绘制时, 只要历遍everyting数组中的每一个对象即可。而添加或删除图像, 都只需要将对象添加到这个数组中, 或从数组中删除制定对象, 那么在下一次绘制时就会新增或减少一个对象。
3.2.3 绘图对象的设计
a.坐标轴的绘制
数学中常用的坐标轴为直角坐标轴, 其x轴正方向向右, y轴正方向向上。而HTML定义的坐标与之有所不同, x轴正方向向右, y轴正方向向下。所以, 如果把直角坐标轴的原点 (0, 0) 设定在页面的 (origin_x, origin_y) 位置上, 那么直角坐标系内的某一点 (x0, y0) 就应该位于页面的 (origin_x +x0, origin_y - y0) 的位置。
b.基本元素的绘制
平面图像的基本元素是点和线段。线段在canvas中是有原生绘制函数可用的。但为了适应直角坐标轴, 故需要在绘图时将坐标进行转换。点在canvas中没有原生函数, 但是可以通过绘制实心圆来代替, 借助半径的大小来调整点的大小。
c.绘制一元函数y=f (x)
一元函数的图像大多为曲线, canvas中有原生的贝塞尔曲线函数, 但是如果每个曲线都用贝塞尔曲线拟合, 那么计算量会很大, 从而导致绘图缓慢。所以这里使用以直代曲的思想, 将整个可视区域分割为若干个小区域, 然后进行逐段绘制。
3.3设置区设计
3.3.1比例
比例是一个全局变量, 用来表示指教坐标轴内1个单位长需要几个像素。同过这个变量, 可以来控制整个图的缩放。当确定了一个比例scale后, 我们要修改上面的位置坐标, 即的坐标轴内的点 (x0, y0) 应位于画布内的 (origin_x +x0*scale, origin_y - y0*scale) 。
3.3.2网格
网格是为了让图的标尺更清晰。网格的间隔要适宜, 需要用户自己来设定, 所以提供了一个滑块进行控制。
3.4操作区域的设计与实现
操作区域内主要进行添加和删除操作, 主要针对两个方面处理:画布的对象和操控块。
3.4.1添加操作
用户点击“+”后, 弹出函数编辑页面, 可设置函数的表达式, 函数图像的线形和颜色。在用户点击确认后, 则系统进行添加操作。首先添加绘制的对象, 将绘制的对象添加入绘制数组中。在添加时还要为每个对象添加一个标签, 以便于后面能查找到。其次添加操作块, 操作块内包含3部分:一个内容显示区域, 表明该操作块对应的对象;二一个属性设定区, 可以用来修改对象的线宽和颜色;一个删除按钮, 可执行删除操作。
3.4.2删除操作
在操作块中的删除按钮被点击后, 首先通过标签从绘制数组中查找到对应的对象并移除。从而保证了, 在下一次重新绘制时, 这个图像不会出现。然后将相应的操作块也一起删除。
4结论
基于HTML5的现在数学绘图工具, 能基本满足数学函数的绘图需求, 所需的使用环境所有主流的浏览器都能提供, 学生只需要一台能上网的安装有主流浏览器的电脑便可打开网页进行在线绘图。
参考文献
[1]龚丽.HTML5中的Canvas绘图研究[J].软件导刊, 2014.13 (4) :151-153.
[2]李伙钦.HTML5网页电子画板的设计与实现[J].科技视界, 2012 (2) .
精灵画笔 有趣的绘画绘图工具 篇2
下载：www.duote.com/soft/750.html
其实 Wizardbrush 最主要的功能是画笔系列，包括：水彩笔，喷枪，铅笔，颜料管，粉笔，画笔刷等等，当然还有一般图片工具拥有的模糊工具，锐化工具，填充工具，暗化处理，套索工具，移动工具等，
不过小建觉得这款软件设计得太可爱或者说向有趣的方向发展，以至于感觉起来像小孩子玩的东东一样。^_^
绘图工具 篇3
【关键词】CorelDraw 表现技法 人物插画
引言
设计表现能力对于发展一个构想或是绘制作品而言，是一种插画设计上不可或缺的工具。而其它的优点除了拥有向量软件档案小、可输出各种分辨率与尺寸之图文件、所绘对象可共享的特点外，其支持各种影像档案，像是Adobe公司的Ⅲustrator的Al、.EPS格式、Photoshop的.PSD、还有Macromedia的Falsh的.SWF与SVG等档案格式。
1 交互式填充渐变填色练习
渐变填色的控制是使对象产生立体感的重要因素，Coreldraw供直线（Linear）、圆形（Radial）、圆锥（Conlcal）、方形（square）四种填色方式，但透过调整渐变中心点的“水平”、“垂直”位置与“旋转角度”，搭配“双色彩模式”或“自订渐变”模式，仍可搭配出各式各样的光影变化。以图1为例，由左而右分别为圆形、直线、直线与单色、锥形之填色效果，上下两者的差异在于调整渐变的变化方式，可呈现不同的质感，方形填色因极少用到，故未举例说明。若绘图者具备较佳的素描能力，一般很快就能了解其意义，并能表现出适当的立体感。此处诀窍在于调配出的渐变，可在对话框的“预设效果”中命名，并按“+”存盘，可供后续需要时共享或修改。
2 调和工具使用
调和工具（Interactive Blend Tool）的运用是能绘制出精致而逼真精描绘图的核心关键，其变化亦最为复杂。制作R角，利用交互式调和工具，使图3左不同颜色的两区块间产生形状及颜色调和，使其产生如骰子般的R角。如图3中，调和内定为20层，之后以选取工具选取调和过程之图形，使其外框不填色，即可得到最右方类似骰子边缘R角般的光影变化。此外需注意，进行调和的两图形，其节点数与相对位置需相同（故均以复制原图后缩放、调整节点及改色彩方式进行），否则会发生调和不平顺或产生紊乱线条的情况。
调和的方式一共有三种，直接调和、复合调和和手绘调和。如图3所示。为了达到相对逼真的绘图效果，需要我们灵活组合应用调和方式。调和对象的属性状态跟随绘制的头尾两个基本形状的属性变化。所以在调和之前为了保持调和效果的稳定，首尾对象的属性需要保持稳定。
绘图工具 篇4
关键词：Photoshop,绘图工具,滤镜,绘制毛发
滤镜虽操作简单, 但要要用滤镜做出神奇的效果, 还要实践中不断的积累经验。下面就结合利用Photoshop绘制老虎的实例谈谈使用Photoshop绘图工具和滤镜绘制毛发的应用技巧的几点体会。
1 Photoshop的涂抹工具绘制动物外部轮廓毛发效果
涂抹工具运用非常广泛。这款工具效果有点类似用刷子在颜料没有干的油画上涂抹, 会产生刷子划过的痕迹。涂抹的起始点颜色会随着涂抹工具的滑动延伸。
1.1 基础准备工作
手绘老虎的轮廓线条。利用“色阶”调整图像的对比度, 增强手绘稿的明暗层次, 为着色做好准备。给老虎面部着黑色纹理。用画笔工具结合魔棒选取工具绘制考虑的中间色调。结合魔棒工具着棕黄色色调及鼻子范围内的深棕色色调。
1.2 利用Photoshop中的涂抹工具绘制老虎的轮廓毛发
在使用涂抹工具前, 要先了解老虎面部的特征及边缘毛发的生长方向。在绘制老虎外部轮廓毛发时, 要注意如下几个要点:老虎毛发比较细密, 所以涂抹画笔大小为2个像素, 要求毛发效果根根清晰, 所以涂抹强度为100%。涂抹工具中的画笔选项的设置在绘制毛发中是很重要的。毛发的外形是根部较粗, 到尾部逐渐变细至消失。这就要求设置画笔的“形状动态”中的“渐隐”属性, 根据此案例的文件大小和分辨率等属性, “渐隐”选项设为80, 可根据不同位置的毛发的长短不同, “渐隐”选项也可更改大小。其他的选项可用默认值。按功能键F5或选择“窗口”菜单中“画笔”命令, 可弹出“画笔”面板, 画笔选项设置, 见图1。
毛发的生长方向要有变化, 涂抹的方向和位置也会不同。涂抹老虎边缘毛发是一项耗时的工程, 需要有足够的耐心。用相同的方法涂抹出所有的老虎轮廓的毛发, 在色调相交的区域也可用此种涂抹出不同色调的毛发。
2 Photoshop中的画笔工具可绘制出层次分明富有立体感的毛发
完成老虎轮廓毛发的涂抹, 接下来使用画笔工个具绘制出有层次有立体感的面部毛发。Photoshop之所以能够绘制出逼真的图像效果, 很大原因在于其具有功能强大的“画笔”面板, 我们可以通过调节画笔的参数, 获得丰富的画笔效果。
在画笔工具绘制毛发时, 需注意以下几个要点。“形状动态”中的“渐隐”设置。根据毛发外部特征, 用“渐隐”模拟毛发的外形。用画笔绘制的毛发可用“图层样式”添加“投影”效果。老虎的面部不同的区域毛发的长短、颜色和粗细均不同, 可观察老虎的面部特征, 缩放毛发的长短和粗细, 更改毛发的颜色。老虎的面部不同的区域毛发的颜色是不同的, 可用色彩调整命令更改颜色。将白色毛发复制并更改方向贴图至白色毛发区域, 多余的地方用图层蒙版遮罩, 见图2。
3 结合Photoshop中的滤镜功能绘制顺滑有质感的毛发
3.1 老虎鼻部深棕色毛发效果
鼻子周围区域的毛发比较顺滑、有质感, 用画笔绘制的方法无法达到效果, 在这里我们可用Photoshop中的滤镜功能绘制。绘制出顺滑有质感的毛发效果要综合多种滤镜的运用, 下面介绍具体的做法。将前、背景设为黑、白色, 选择“滤镜”→“渲染”→“云彩”滤镜。随机产生黑白色调云彩效果。如果觉得效果不理想, 可按“Ctrl”+“F”键重复执行“云彩”滤镜, 至满意为止。
切换到通道面板, 新建Alpha1通道。
选择“滤镜”→“杂色”→“添加杂色”滤镜, 在画面中添加“单色”杂点。
选择“滤镜”→“模糊→“动感模糊”滤镜, 初步产生毛发外形。
选择“图像”→“调整”→“色阶”命令, 进一步增强的亮度和对比度。
选择“滤镜”→“扭曲”→“旋转扭曲”滤镜, 使毛发的生长方向发生变化。
选择“滤镜”菜单中的“液化”滤镜, 使毛发的生长方向发生变化。
载入Alpha1选区, 加到图层背景为当前图层, “Ctrl”+“V”粘贴Alpha1选区内容。
接下来为图层添加“色相/饱和度”调整, 目的是为毛发添加棕黄色的色调。
参数不同做出的效果会有差异, 要想做出好的毛发效果, 我们要经过多次实践才能得到。
3.2 为老虎面部添加顺滑有质感的毛发
将做好的顺滑有质感的毛发效果图片选取一部分, 用“色彩平衡”调整毛发的颜色后, 贴图至老虎鼻子周围, 多余的部分用图层蒙版遮罩。用相同的方法绘制所有的棕色区域。
3.3 绘制老虎的后期细节处理
绘制老虎眼睛。眼睛是心灵的窗户, 绘制灵动逼真的眼睛可以为此案例起到画龙点睛的作用。用画毛工具添加老虎嘴巴周围的黑斑和白色胡须。用加深工具和减淡工具绘制有立体感的鼻尖。现在使用Photoshop中的绘图工具和滤镜绘制毛发的三种方法和技巧已经介绍完毕, 老虎的最终效果, 见图3。
4 结语
总之, 使用Photoshop中的绘图工具并结合滤镜绘制毛发, 要想达到真实、质感、富有艺术气息的效果, 还需要不断的实践和无穷的探索。要想用Photoshop做出好的作品, 还需要发掘无限的创造力和想象力;若能结合3DMax和Maya等其他软件更能展现其非凡的魅力。
参考文献
绘图工具 篇5
一、基础技巧
平时，当我们在用WPS绘图时，一般都是先单击“自选图形”，再选择要绘制的图形形状，然后在WPS中拖动鼠标画出图形后，再做适当调整即可，不过这样绘制出的图形有时很不规范(标准)，这就需要我们掌握一定技巧。
Shift 键的作用：在拖动鼠标绘制图形时，如果在键盘中同时按下Shift键，我们就可以绘制出该图形的标准样式。比如要绘制一个正圆，如果按下Shift键的同时，不论我们如何拖动鼠标，得到的始终是一个标准的圆形。依此类推，绘制三角形时，得到的永远是正三角形;绘制正方形时，将得到的永远是正方形。
Ctrl键的作用：Ctrl键在绘制图形时的作用同样重要，当我们在键盘中按下Ctrl键的同时，无论我们绘制那种图形，则该图形始终以中心点为基准，进行上下、左右或同时对称变化。若用鼠标指向调整句柄调整图形时，该图形则以对称的方式进行变化。
Shift+Ctrl 组合键的作用：当我们绘制图形时，如果在按下Shift+Ctrl组合键的同时拖动鼠标，那么绘制的图形将综合具有Shift和Ctrl键的双重效果。比如我们在按下Shift+Ctrl组合键的同时绘制一个等边三角形，则该等边三角形不但始终以中心点呈放射状向周围变化，而且始终能保持标准的正三角形。其它图形依此类推。
Alt键的作用：当我们需要移动绘制的图形时，按下Alt键再移动图形可以做到位置更精确。
二、绘制实例
WPS 的绘图功能非常强大，其中基本包含了所有常用的形状，使用时只要在“自选图形”中选择相应的图形，然后在拖动鼠标即可绘制，
而有时我们需要绘制一些特殊图形时，WPS的绘图功能并没有直接提供，比如半圆弧等，这就需要我们手动反复调整，如果我们再借助Shift和Ctrl键的帮助，就能快速绘制出我们想要的图形了。
1、半圆弧：在WPS中如果绘制圆形还是比较容易的，而如果要绘制半圆时就要费一番周折了。首先是在WPS中单击“自选图形 ——更多自选图形”，然后在打开的“自选图形”的“基本开关”中选中“空心弧”，左手在键盘中按下Shift键的同时，拖动鼠标画出一个标准的空心弧形(如图01)，然后在空心弧用鼠标指向黄色的菱形调整句柄，拖动调整句柄向外环的端点移动使之合并，即可得到一个标准的半圆弧(如图02)。
2、内切圆
首先是在“自选图形”中选中“直角三角形”(也可以是其它形状)，在键盘中按下Shift键的同时，拖动鼠标画出直角三角形，然后再选择“椭圆形”并将鼠标指向三角形的直角顶点，再以同样的方法拖动鼠标画出圆形，直到每条边都能与圆形相切为止(如图03)。
3、带箭头的圆弧