上一篇文章我讲了画矩形和圆形的方法，他们都有原生的canvas绘图函数可完成。而本文讲的圆角矩形则只有通过其他方法模拟出来。一个正常的圆角矩形，我们先假设他四个角的圆角弧度一致——因为这样比较好画。我们动用把面拆成线条的能力，很容易就能发现圆角矩形其实是由4条钩子般的曲线组成。提到钩子，如果你看过我...
分类：
Web程序 时间：
2014-12-08 17:18:42
阅读次数：
210
上次我们讲到，canvas有时候会出现1像素的线条模糊不清且好像更宽的情况，如下图：这样的线条显然不是我们想要的。这篇文章的目的就是弄清楚里面的原理，以及解决它。大家都知道屏幕上最小的显示尺寸就是1像素，虽然小于1像素的东西可能显示不出来，但计算机可不管，他会试着画一下。其实像素终究来说也是一个单位...
分类：
Web程序 时间：
2014-12-08 17:15:20
阅读次数：
180
一般绘图的方式有两种，即填充和描边，前面的文章已经讲了描边的方法stroke，本文就讲一下Canvas中填充图形的方法。填充即fill(),很直白吧？而且和strokeStyle表示描边样式一样，fillStyle即表示填充样式。ctx.fillStyle = '颜色';默认的填充样式是不透明的黑色...
分类：
Web程序 时间：
2014-12-08 17:07:08
阅读次数：
218
今天看到一个讲Canvas的教程，很通俗移动，所以转载了下。虽然大家都称Canvas为html5的新标签，看起来好像Canvas属于html语言的新知识，但其实Canvas画图是通过javascript来做的。所以，如果你想学习Canvas画图，你必须要有Javascript基础。另外，画图嘛，总有...
分类：
Web程序 时间：
2014-12-08 17:04:39
阅读次数：
184
在学画画的时候，线条是最基本的了，而线条的连接可以组成任何图形。在Canvas中也是如此。在开始之前我们先拿出画布和画笔：代码如下:var cvs = document.getElementById('cvs'); //画布 var ctx = cvs.getContext('2d'); // 画笔...
分类：
Web程序 时间：
2014-12-08 17:02:14
阅读次数：
283
之前实现了算法生成火的图像,现在我要做的是让火动起来.似乎我在算法生成图像的路上越来越走火入魔了.动画原理是生成若干幅连续变化的图像,对其进行播放.这需要先实现对图像生成参数的插值过渡.生成的系列图像如下: 然后将其合并成GIF图像,如下图所示: 说到九尾,多少和火影有些关系.这里每一...
分类：
编程语言 时间：
2014-12-08 12:10:55
阅读次数：
231
RRDtool(RoundRobinDatabaseTool)就是一个强大的绘图的引擎，很多工具例如MRTG都可以调用rrdtool绘图。包括现在使用很多的cacti也是基于rrdtool的基础上画图的，可以说cacti只是提供一个显示图形的web页面。rrdtool：所谓的roundrobin指的就是一种环形数据库：数据的存储方式是..
分类：
其他好文 时间：
2014-12-06 18:20:53
阅读次数：
243
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供有效的 UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设、平面设计服务来源：http://www.ui.cn...
分类：
其他好文 时间：
2014-12-05 17:07:32
阅读次数：
229
SpriteBatch类详解在之前所有的例子中，涉及到画图我们都是使用SpriteBatch来处理的，这里把SpriteBatch详细说明一下。绘图图片在存储时通常具有一定的格式，我们这里只说png类型，当一个png的文件被读入到GPU（图形处理器）后，我们称其为texture（纹理）。为了在屏幕上...
分类：
其他好文 时间：
2014-12-05 16:54:09
阅读次数：
467
1将logo图片转换成单色的BMP图像。简单的方法是使用Windows自带的画图程序，在将图片另存为时，在文件类型下拉列表中选择单色.bmp即可。我们以Altium为例，如图所示将蓝色logo另存为单色。2打开DXP软件，点击菜单栏上的“DXP”菜单，选择下拉菜单中的“Run...”，会弹出一个对话...
分类：
其他好文 时间：
2014-12-04 19:56:17
阅读次数：
213
