让Google为你生成圆角图片

原创 2007年09月30日 11:48:00

注:此文首发于煎蛋,原作者为sfufoet (专栏)。

现在很多网站、博客都使用了圆角效果。圆角效果让整个页面看起来不会很死板。实现圆角效果,可以直接使用 CSS 特效来实现,也有使用图片实现。cornershop,就是一个自动生成圆角效果网页的自动生成器。

  Zach 就是一个狂热的圆角爱好者,就是 cornershop 让 Zach 变成这样的——他每次在网上看到漂亮的圆角效果总要习惯性地点击右键,查看源代码。他就是想知道那些圆角是用了 javascript, GIF, PNG ,是手工做成的还是自动生成的。

某次他路过 Google Group 的时候,习惯性地查看源代码。发现 Google 用了这样的链接来自动生成圆角:http://groups-beta.google.com/groups/roundedcorners?c=999999&bc=white&w=4&h=4&a=tr
你点击上面的链接就看到那个圆角图片了。
   c 的值代表圆角颜色,你可以使用颜色的名称来表示,也可以使用颜色的RGB代码来表示,不用带 # 符号;
   bc 的值代表圆角的背景颜色;
   w 的值分别代表圆角的宽;
   h 的值分别代表圆角的高;
   a 的值代表圆角所在的方向,tl是左上角,tr是右上角,bl是左下角,br是右下角。

  参数解释:

  右图用的参数是这样的:
  c=FF0000   bc=white   w=150   h=100   a=tr

  -_____-
  Google肯定是用了一个椭圆函数来生成圆角图片的。

 

相关文章推荐

[Material Design]使用RoundedBitmapDrawable快速生成圆角和圆形图片

在今年I/O大会之前,如果要实现圆角或者圆形图片可以自定义View,比如之前的博文《Android 自定义UI View - 03 圆形图片控件》或者通过一些第三方库来实现,比如下面这个: ...

Android 中为图片生成卷角+圆角缩略图的方法

介绍了 Android 中为图片生成卷角+圆角缩略图的方法。

使用RoundedBitmapDrawable快速生成圆角和圆形图片

上一篇 《[Material Design]使用Palette类提取图片的颜色信息》 主要介绍了如何提取图片的一些特定颜色,不过如果你稍微注意一下,你会发现Demo示意图还有个小细节那就是图片列表的图...

iOS上生成圆角图片

图片框圆角处理(UIImageView): 添加QuartzCore.framework 导入库头文件 #import “QuartzCore/QuartzCore.h” ...

ios生成圆角图片

////原文出处忘了哪里了,很抱歉 头文件 #import typedef enum { UIImageRoundedCornerTopLeft = 1, UIImage...

使用RoundedBitmapDrawable快速生成圆角和圆形图片

转自:http://blog.csdn.net/hahashui123/article/details/46929909 在今年I/O大会之前,如果要实现圆角或者圆形图片可以自定义View,...

android 生成圆角和带倒影图片

class RoundImageView extends View {   private Bitmap bitmap;   int bitmapWidth;   int bitmapHeigh...

php生成圆角图片

Android 圆角图片及圆形图片的生成

在网上搜集到Android圆角图片及圆形图片的生成方法。 import android.graphics.Bitmap; import android.graphics.Canvas; import...

Android长方形图片生成正圆形,以及矩形图片生成圆角

一般要做正圆形图片,只能是正方形的基础上才能实现,否则就变成椭圆了,下面说说如何使长方形的图片生成正圆形图片 废话不多说,没图没真相,先上图吧: 原图: 变成正圆后: 下面上代...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:让Google为你生成圆角图片
举报原因:
原因补充:

(最多只允许输入30个字)