基于Java的多色线性、放射渐变的设计与实现.pdfVIP

基于Java的多色线性、放射渐变的设计与实现 李锋 001 北京信息工程学院Java实验室(I 0I) 摘要： 基于Java平台、设计并实现了多色线形渐变和放射渐变，丰富了 Java2D的图形渲染方式．可用于基于Java平台的其他有关二维图形渲染的场 合。 PaintContext 关键词：Java多色线性渐变放射渐变Paint 1、引言 基于XML的SVG(Scalable VectorGraphics，可缩放矢量图形)标准，被 认为是新一代的图形格式标准。在SVG中有定义多色渐变的填充样式元素 制的了解和计算机图形学的知识，设计并实现了Java平台下的多色线性、 放射渐变。 2、Java2D的图形渲染机制 Java 2D引入了新的图形渲染机制，}=LJDKl．1的渲染机制支持更丰富 确定的图形渲染机制分为四个步骤，如下图所示。 (图一：Java2D的图形渲染机制) 对Shape(图形)和Text(文字)两种类型的渲染操作的第三步确定渲染 区域的色彩时，均用到了这个当前的Paint。具体过程是，Graphics2D调用 备空间中的要渲染区域的色彩。 多色线性渐变的设计与实现 由Java的图形渲染机制知道，实现线性渐变，就要依照渲染机制，来 接口的。 ， 的类实例。而PaintContext接口定义了产生色彩模式的上下文环境，它定义 要设计的多色线性渐变，应提供由两点PointP1和PointP2确定的， 两点之间有处于不同位置的多种色彩的线性渐变模式。这里不同位置用 float数组标示，多种颜色用Color数组标示。干是要在P1与P2之间建立颜 色梯度，这里用一个256个int型元素的数组来表示，它可以形象地看作为 一把颜色的尺子。从而根据当前渲染点与向量PIP2的位置关系，映射到这 把尺子上的不同位置，获得对应的色彩。 设计思路主要有两个方面： ●形成多色颜色梯度数组 颜色梯度是指PlP2连线上的不同颜色。我们假定位置数组的元素在0 和1之间，并且数值从小到大排列。按以下规则产生颜色梯度数组的元素 i(i=0且i=256)。 计算当前元素i在数组中的相对位置i／256； 1)位于第一个位置点之前的元素指定为第一种颜色； 2)位于两位置点之间的元素指定为相应的两种颜色的按位置比例 线性插值颜色； 3)位于最后一个位置点之后的元素指定为最后一种颜色。 ●依据颜色梯度数组渲染区域 类的getRaster方法来完成。采用扫描线算法，来实现对特定矩形区域(x，Y， width，height)的渐变填充。 具体步骤如下： 1)计算出沿水平，竖直方向移动一个像素时，在向量P1P2上移动的 距离dx和dy； 对于每一行，算出点(x,y)的颜色之后，其下一点(x+l，Y)则需要 加上dx，即是下一点在颜色尺子的偏移量，然后由这个偏移量，求出相对应 的颜色。 扫描完一行之后，其下一行则需要加上dy，然后对该行每一点进行处 理。 最终的效果是P1P2连线上的色彩依据与实现定义的多个位置点的关 系而按比例地渐变；与P1P2线段垂直的直线上的各点色彩与相应的交点的 色彩相同-P1P2线段之外的点色彩的确定有两种方式：如果线性渐变是循 环的，则颜色循环变化。否则P1点之外指定第一种颜色，P2点之外指定 最后一种颜色。 实现的多色线性渐变效果如下图： (图二：多色线性渐变) 67 4、放射渐变的设计与实现 SVG的