上一次随笔大概的讲了下构建一个矢量绘图渲染器的基本架构。下面我们来继续深入的完善我们的渲染器。 本次随笔目标：实现定点的放大缩小功能、漫游，先上Demo。(大家可以添加多个点和圆，在放大、缩小的时候两者有什么不同？—— 点的大小貌似没有变化，而圆的呢。。想想为什么) 添加点 添加圆 ...

本课题是我今年毕业设计的课题，现在我边做边跟大家分享，希望能通过“canvas矢量图形渲染器”让大家对canvas元素和其中的性能优化有更深的理解。 1.首先说说这个矢量渲染器是什么。 canvas元素封装了很对对图形绘制的接口，但是他跟flex相比最大的区别是我们通过fill ...

上次随笔实现了用button点击进行缩放，平移；用户操作感很差。本次随笔接着上次的内容进行鼠标拖拽、缩放。 先上demo，鼠标滚轮缩放、拖拽平移。 添加点 添加圆 放大 缩小 1.何 ...

本系列目录，大家有需要的就看看哈。 本节主要解决的有三个问题，求任意几何图形的外接矩形。这个外接矩形会在性能优化时候用到，当然不仅仅只在这一方面使用。最后对初步优化过的渲染器进行压力测试。 还是先上demo，之前的demo在firefox下滚动缩放漏做了。现在更新 ...

三维图形渲染管线（Graphics pipeline）就是将三维场景转化为一幅二维图像的过程。 图像中物体所处位置及外形由其几何数据和摄像机的位置共同决定，物体外表是受到其材质属性、光源、纹理及着色模型所影响。 管线过程由3个大的阶段组成： Application（应用程序 ...

经过10天的努力，TouchVG框架已经完成了在Android平台的矢量图形显示，下一步就可以去实现Android上的触摸手势交互绘图了，哈哈。 至此，TouchVG已经实现了Windows、iOS、Android的跨平台矢量图形显示功能。 接口文档TouchVG.chm: http ...

WPF默认提供了抗锯齿功能，通过向外扩展的半透明边缘来实现模糊化。由于WPF采用了设备无关单位，当设备DPI大于系统DPI时，可能会产生像素自动扩展问题，这就导致线条自动向外扩展一个像素，并且与边缘相邻的线条颜色变成了半透明，如下图所示: 这种特性在绘制细线条的时候会导致一些我们所不期 ...

5.0以上支持VectorDrawable了，可以创建vector的xml资源文件。vector其实就使用来绘制矢量图形的。 看一个例子： 首先vector 标签是一个drawable对象，所以是放在res/drawable目录的。 vector 标签下有android ...