AGG第三十六课 gsv_text_outline 渲染环绕的字符

简介:

  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_bin_solid<renderer_base_type> renderder_scanline_type;

    renderder_scanline_type rensl(renb);


    agg::rasterizer_scanline_aa<> ras;

    agg::scanline_u8 sl;

    ras.reset();


    renb.clear(agg::rgba8(255,255,255));


    agg::ellipse ell(400, 100, 100, 100);

    agg::conv_stroke<agg::ellipse> stroke(ell);

    ras.add_path(stroke);

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

    ras.reset();


    agg::gsv_text txt;

    agg::trans_single_path transPath;

    transPath.add_path(ell);

    agg::gsv_text_outline<agg::trans_single_path> txtOutLine(txt, transPath);


    txt.flip(true);

    txt.size(10);

    txt.start_point(100, -15);

    txt.space(5);//字符之间的间距

    txt.text("http://fengyuzaitu.blog.51cto.com");

    ras.add_path(txtOutLine);

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

    ras.reset();


注意:

1 start_point指定的方向不再是真实的屏幕坐标,而是相对于顶点源的起始渲染坐标,当前渲染的椭圆是从椭圆的最右边的点,顺时针开始渲染,第一个参数可以理解为在渲染的弧线上距离起点多远的路程之后开始渲染字符,其中trans_single_path提供了total_length计算路径的长度,可以方便部署每一个字符所在的位置(相对于起点),第二个参数是指定字符偏离路径的宽度,正负数值分别是在内测还是外侧进行偏离


     本文转自fengyuzaitu 51CTO博客,原文链接:http://blog.51cto.com/fengyuzaitu/1963606,如需转载请自行联系原作者




相关文章
|
前端开发 容器
web前端学习(二十三)——CSS3定位(position)、元素裁剪(clip)及鼠标样式(cursor)属性的相关设置
web前端学习(二十三)——CSS3定位(position)、元素裁剪(clip)及鼠标样式(cursor)属性的相关设置
web前端学习(二十三)——CSS3定位(position)、元素裁剪(clip)及鼠标样式(cursor)属性的相关设置
|
Web App开发 前端开发
CSS ::marker 让文字序号更有意思
CSS ::marker 让文字序号更有意思
163 0
CSS ::marker 让文字序号更有意思
|
前端开发
页面文本之间间隔等长~~巧用css中的text-align:justify;
页面文本之间间隔等长~~巧用css中的text-align:justify;
107 0
页面文本之间间隔等长~~巧用css中的text-align:justify;
|
容器
零元学Expression Blend 4 - Chapter 26 教你如何使用RaidoButton以及布局容器的活用
原文:零元学Expression Blend 4 - Chapter 26 教你如何使用RaidoButton以及布局容器的活用 本章将教大家如何运用Blend的内建元件RaidoButton做出选单选项...
1199 0
零元学Expression Blend 4 - Chapter 37 看如何使用Clip修出想要的完美曲线(上)
原文:零元学Expression Blend 4 - Chapter 37 看如何使用Clip修出想要的完美曲线(上) 几何外部的 UIElement 会在呈现的配置中以视觉化方式裁剪。
1327 0
零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下)
原文:零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下) 你可以把Clip想成是一个遮罩,运用遮罩达到我们想要的效果 所以在这里我们把文字的...
1187 0
|
容器
零元学Expression Blend 4 - Chapter 45 ListBox里的物件不能换行吗?
原文:零元学Expression Blend 4 - Chapter 45 ListBox里的物件不能换行吗? ListBox里的排列不是垂直就是水平,觉得这样的排列很枯燥乏味吗? 想要它变聪明吗? ...
1311 0