在开发中经常会有一些需求,比如显示头像,显示一些特殊的需求,将图片显示成圆角或者圆形或者其他的一些形状。但是往往我们手上的图片或者从服务器获取到的图片都是方形的。这时候就需要我们自己进行处理,将图片处理成所需要的形状。正如茴香豆的的“茴”写法大于一种,经过我的研究,画出特殊图片的方法也不是一种,我发现了三种,且听我一一道来。...
分类:
移动开发 时间:
2014-09-19 23:58:36
阅读次数:
443
在开发中经常会有一些需求,比如显示头像,显示一些特殊的需求,将图片显示成圆角或者圆形或者其他的一些形状。但是往往我们手上的图片或者从服务器获取到的图片都是方形的。这时候就需要我们自己进行处理,将图片处...
分类:
移动开发 时间:
2014-09-19 22:38:06
阅读次数:
237
主要讲了HTML5 canvas性能方面的尝试,场景是在canvas上面绘制圆圈。
我一直在尝试使用HTML5 canvas在圣诞树图片上面绘制泡泡。由于不知道哪种绘制的方法最好,最终在Stack Overflow上找到了使用radial gradients(辐射渐变)绘制圆圈的答案。
圆圈
你可能已经知道,标准地画圆圈的方法是使用arc():分享一个最好用的UI...
分类:
Web程序 时间:
2014-09-10 14:14:00
阅读次数:
1320
代码如下,原理对比上篇画圆方法
void Bresenham_Circle(CDC *pDC, int ox, int oy, int r)
{
float d = 1.25 - r;
int x = 0, y = r, fx = r/1.4;
while (x != fx)
{
if (d < 0)
d += 2 * x + 3;
else
{
d += 2 *...
分类:
其他好文 时间:
2014-09-02 21:25:31
阅读次数:
454
最近有一个项目设计一个APP实现通过触摸屏实现毛笔写字效果。传统的绘画板程序直接通过Path的moveTo和LineTo便可实现简单的线条绘画程序。然而要达到毛笔的笔锋效果则需要更为详细点的设计。我的实现思路是通过以触摸事件DOWN、MOVE、UP中的每一个点为圆心画圆,除此之外还可通过触摸压力的大小改变所绘圆的半径,这样一连串的圆便可粗略地模拟毛笔笔锋效果,在设计次效果时遇到两个问题:
1:a...
分类:
移动开发 时间:
2014-08-27 23:31:08
阅读次数:
415
//创建一个画布
var paper = new Raphael("paper", 500, 500);
//画圆
paper.circle(50, 50, 50);
//画圆角方形
paper.rect(90, 90, 50, 50, 10);
这样一个简单的案例就完成了。
简要说明:
new R...
分类:
Web程序 时间:
2014-08-25 17:06:44
阅读次数:
211
这节我们将介绍Raphaeljs中元素的属性和事件,案例还是以上一篇的代码展开
//创建一个画布
var paper = new Raphael("paper", 500, 500);
//画圆
var circle = paper.circle(50, 50, 40);...
分类:
Web程序 时间:
2014-08-25 17:02:54
阅读次数:
232
hdu3622:http://acm.hdu.edu.cn/showproblem.php?pid=3622题意:你有n次,每次你可以在平面上放置一个点,并且每一次都会有两个位置可以选,每一次只能选择其中一个。然后在自己位置上以该点为圆心画圆,这n个圆不能相交,问你最后最小的圆的半径的最大值是多少。...
分类:
其他好文 时间:
2014-08-24 23:30:53
阅读次数:
249
【中点画圆算法】 此算是一种圆的光栅化算法。定义以下函数: 通过上述函数,可以得到点(x,y)与半径为r的圆的关系: 已知点(Xk,Yk),我们需要知道(Xk+1,Yk)、(Xk+1,Yk-1)哪一个更接近圆。决策方程如下: 如果Pk小于0,那么中点位于圆内,扫描线Yk上的像...
分类:
其他好文 时间:
2014-08-17 18:16:12
阅读次数:
236