AGG第四十四课 渲染问题:绘制较宽轮廓和尖锐边缘

简介:

提供展示代码:

      agg::rendering_buffer &rbuf = rbuf_window();
      agg::pixfmt_bgr24 pixf(rbuf);

      typedef agg::renderer_base<agg::pixfmt_bgr24> renderer_base_type;
      renderer_base_type renb(pixf);

      typedef agg::renderer_scanline_aa_solid<renderer_base_type> renderder_scanline_type;
      renderder_scanline_type rensl(renb);

      agg::rasterizer_scanline_aa<> ras;
      agg::scanline_u8 sl;
      ras.reset();

      double x[4];
      double y[4];
      double h =100.33;

      x[0] = 10;  y[0] = 10;
      x[1] = 100; y[1] = 10;
      x[2] = 100; y[2] = y[0]+h;
      x[3] = 10;  y[3] = y[0]+h;

      agg::path_storage ps;
      ps.move_to(x[0],y[0]);
      ps.line_to(x[1],y[1]);
      ps.line_to(x[2],y[2]);
      ps.line_to(x[3],y[3]);
      ps.close_polygon();
      ras.add_path(ps);
      agg::render_scanlines_aa_solid(ras,sl,renb,agg::rgba8(255, 0, 0));
      ps.remove_all();
      ras.reset();
      ps.move_to(x[0]+10,y[0]+h);
      ps.line_to(x[1]+10,y[1]+h);
      ps.line_to(x[2]+10,y[2]+h);
      ps.line_to(x[3]+10,y[3]+h);
      ps.close_polygon();
      ras.add_path(ps);

      agg::render_scanlines_aa_solid(ras,sl,renb,agg::rgba8(255, 0, 0));


非常明显的看出两个矩形相邻的边界上出现一条浅浅的白边。

邮件质疑:

As you can see there is a brighter line between the two rectangles. I

know where it is from - this is a result of alpha blending of two

partially covered scanlines. And this is a problem form me.


Do you have any idea how to get rid of this line? I mean how to make

it in the same color as the rectangles. My application draws metafiles

and sometimes there are such shapes in them and I get ugly banded

drawings... Do you have any ideas?

如下是作者的解释:

 it's a well known problem that can't be eliminated easily. It exists in

all SVG engies and appears as thin "web" upon the image, when you draw adjacent

shapes:http://www.antigrain.com/svg/index.htmlSay, initially you have color (0,0,0). Then you draw a white pixel on it with

0.5 opacity (which is equivalent 0.5 of pixel coverage). You will have

(0.5,0.5,0.5) which is correct. Then you draw another pixel upon it, also with

opacity=0.5. According to the color blending rules you will have

(0.75,0.75,0.75), not (1,1,1). This is what happens when you draw your

rectrangles.

The problem can't be easily solved. In the SVG example I use conv_contour to

dilate all polygons. But this solution isn't perfect and kinda unfair.

But you can't render a multicolor scene in such a way. It's possible only in

Macromedia Flash, but it requires not only another rasterization algorithm, but

also changing the whole data model. Your data shall be represented not as a set

of polygons, but as a set of edges with attributes - color on the left and

color on the right.

> Say, initially you have color (0,0,0). Then you draw a white pixel on it with

> 0.5 opacity (which is equivalent 0.5 of pixel coverage). You will have

> (0.5,0.5,0.5) which is correct. Then you draw another pixel upon it, also with

> opacity=0.5. According to the color blending rules you will have

> (0.75,0.75,0.75), not (1,1,1). This is what happens when you draw your

> rectrangles.


This is the color from the original post:


> >         ren_aa.color(agg::rgba(0.4, 0.3, 0.2, 1.0));


The opacity of the color is 1.0, not 0.5. So what Maxim tried to say is I 

guess something like this: "Then you draw a white pixel on it with 0.5 

pixel coverage (which is equivalent to 0.5 opacity)."


Now, forgive me for my ignorance if this is trivial, I really haven't had 

to think about this particular problem, but here's an idea: suppose you 

are doing a flash-like multicolor fill where you know that no polygon 

overlaps another (triangulation, tesselation, whatever). Can the blending 

rule in AGG be changed so that the alpha channel is not interpreted as a 

genuine alpha, but as a coverage percentage instead? So that for example 

in this particular case 0.5+0.5 would be 1.0? This wouldn't work if you 

also want alpha, but the presumption here is that you really don't need it.

> Now, forgive me for my ignorance if this is trivial, I really haven't had 

> to think about this particular problem, but here's an idea: suppose you 

> are doing a flash-like multicolor fill where you know that no polygon 

> overlaps another (triangulation, tesselation, whatever). Can the blending 

> rule in AGG be changed so that the alpha channel is not interpreted as a 

> genuine alpha, but as a coverage percentage instead? So that for example 

> in this particular case 0.5+0.5 would be 1.0? This wouldn't work if you 

> also want alpha, but the presumption here is that you really don't need it.


Actually, that's an idea, I'm not sure it's doable, but it's seems to be. One

pixel can be overlapped by many polygons even if the polygons themselves do not

overlap. 

http://antigrain.com/stuff/multipoly_cover.gif - the central pixel is covered

by 6 triangles. It means that there are 6 different cover values and 6 colors.

And the resulting color must be calculated as the weigted average, where weight

is coverage. But we should keep a whole list of coverage values for each pixel!



Another solution is to use the alpha channel for coverage values. Suppose we

have not RGBA, but RGBC color space. Initially all cover values are 0. At a

time we always operate with 2 colors and two coverage values. We accumulate the

coverage values (with clipping at 1.0) and calculate the resulting color as the

weighted average of 2 colors/covers. It looks very familiar, and remainds me

the formulae for alpha blending in plain (non-premultiplied) color space.

> And the resulting color must be calculated as the weigted average, where weight

> is coverage. But we should keep a whole list of coverage values for each pixel!


Assume for example that you have calculated values


  nom = (w1*a1+w2*a2+w3*a3)/(w1+w2+w3)   (the weighted mean so far)

  den = w1+w2+w3                         (the sum of weights so far)


Then you can calculate new values


  nom = (nom*den + w4*a4)/(den+w4)

  den += w4


Expanding those formulas you will get the correct results. That is, you do 

not need to keep a record of all the colors in order to calculate an 

update to the weighted mean, the mean so far plus the weight (kept in 

alpha) is sufficient.


摘自:http://sourceforge.net/p/vector-agg/mailman/vector-agg-general/?viewmonth=200504


     本文转自fengyuzaitu 51CTO博客,原文链接:http://blog.51cto.com/fengyuzaitu/1972915,如需转载请自行联系原作者
相关文章
|
2月前
|
架构师 图形学
图形学基础概念(画布/位图/像素等)
图形学基础概念(画布/位图/像素等)
57 0
|
5月前
|
机器学习/深度学习 前端开发 算法
canvas系列教程03 —— 线的样式、绘制文本、操作图片(图片的渲染、缩放、裁剪、切割、平铺、特效)、变换元素(平移、缩放、旋转)(二)
canvas系列教程03 —— 线的样式、绘制文本、操作图片(图片的渲染、缩放、裁剪、切割、平铺、特效)、变换元素(平移、缩放、旋转)(二)
106 0
|
5月前
|
存储 前端开发 JavaScript
canvas系列教程03 —— 线的样式、绘制文本、操作图片(图片的渲染、缩放、裁剪、切割、平铺、特效)、变换元素(平移、缩放、旋转)(一)
canvas系列教程03 —— 线的样式、绘制文本、操作图片(图片的渲染、缩放、裁剪、切割、平铺、特效)、变换元素(平移、缩放、旋转)(一)
529 0
|
7月前
|
算法 图形学
【计算机图形学】实验四 二维图形的缩放、旋转,平移,组合变换
【计算机图形学】实验四 二维图形的缩放、旋转,平移,组合变换
349 2
【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )(一)
【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )(一)
287 0
【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )(一)
十一、理解纹理坐标
纹理坐标就是纹理与图形的映射关系,图形中每个顶点都会关联一个纹理坐标,表示顶点需要从该位置读取纹理图像的数据。
479 0
十一、理解纹理坐标
|
存储 缓存 Serverless
六、OpenGL 渲染技巧:深度测试、多边形偏移、 混合
OpenGL 渲染技巧:深度测试、多边形偏移、 混合
356 0
六、OpenGL 渲染技巧:深度测试、多边形偏移、 混合
|
存储 开发者
案例 03:金字塔、六边形、圆环的绘制
该案例主要是对常见的图元连接方式的运用
207 0
案例 03:金字塔、六边形、圆环的绘制
【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )(二)
【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )(二)
322 0
【OpenGL】十二、OpenGL 绘制线段 ( 绘制单条线段 | 绘制多条线段 | 依次连接的点组成的线 | 绘制圈 | 绘制彩色的线 )(二)