html5圆心坐标,圆心坐标的提取

用OpenCV的话，这样的活儿也就那么两三行代码，而且灵活可靠。但是，玩图像处理只懂玩成这样就悲哀了，就如同游戏引擎之于计算机图形学，太依赖图像库是不利于自己的成长和知识的提升的~——ZwqXin.com

圆心提取的本质是从一张含有圆形/椭圆标志物的图片(见下图1，现实图片经各种处理到达这种圆与背景分明的样态)中，选择一定坐标系，提取出各个标志圆的圆心在这个坐标系中的坐标。

因此这个坐标系的选择将是影响最终结果的形式的关键。一般来说选择图像坐标系，以像素为单位。本实验图片的格式是BMP，因此可以按照BMP自身的坐标特点，以图片左下角为坐标原点，向右为X轴，向上为Y轴。当然若想与WINDOWS窗口坐标系一致(以左上角为原点)，直接用图片高度减上坐标系的结果就行了。

关于结果的精度是很值得考究的事情。事实上，若考虑到素材图片是相机所拍成像的，某个圆的圆心与坐标原点的距离应该是一个含一定精度的浮点实数。但是计算机图像的结构限定了坐标系只能以像素为单位，因此其可能达到的最高精度只有0. 5像素。在此以上的精度在本素材图像中是没有意义的。因为相机会自动对物理场景(连续)的采样点(离散采样)进行向输出图像的一一映射，形成像素(一个像素只包含一款颜色)。相邻像素的值是非连续(离散)的，注定图像坐标系中每个“值”(坐标)都只能与像素相容。这样，圆心位置也就只能存在于某个像素上或某2个或4个像素之间，因此实际中最高只有0.5的精度。