搜索列表
-
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
【html5】canvas中根本没有画椭圆的方法,我们要用其他方法来模拟,我们首先要明确画一个椭圆需要那些参数,基本的几何知识告诉我们,椭圆需要圆心坐标,宽度,高度——或者还有旋转角度,接下来将介绍使用lineTo画椭圆,使用arc画圆,然后把他缩放成一个椭圆,使用贝赛尔曲线bezie
canvas画椭圆形arc -
html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形
【html5】上一篇文章我讲了画矩形和圆形的方法,他们都有原生的canvas绘图函数可完成。而本文讲的圆角矩形则只有通过其他方法模拟出来,我们动用把面拆成线条的能力,很容易就能发现圆角矩形其实是由4条钩子般的曲线组成,感兴趣的朋友可以了解下
canvas圆角矩形模拟 -
html5 Canvas画图教程(3)—canvas出现1像素线条模糊不清的原因
【html5】上次我们讲到,canvas有时候会出现1像素的线条模糊不清且好像更宽的情况,这样的线条显然不是我们想要的。这篇文章的目的就是弄清楚里面的原理,以及解决它,感兴趣的朋友可以了解下哦
canvas1像素线条模糊 -
html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/交汇点
【html5】在学画画的时候,线条是最基本的了,而线条的连接可以组成任何图形。在Canvas中也是如此,接下来为您详细介绍最简单的线条的画法
画直线线条Canvas -
html5 Canvas画图教程(1)—画图的基本常识
【html5】Canvas,意为画布也。而Html5中的Canvas也真的跟现实生活中的画布非常相似。所以,把他看成一块实实在在的画布可以加快理解;如果你想学习Canvas画图,你必须要有Javascript基础,不多说了,切入正题
Canvas画图教程 -
html5构建触屏网站之网站尺寸探讨
【html5】html5构建触屏网站之网站尺寸分为两个部分,第一部分讨论跨平台网站的可行性,第二部分讨论viewport是如何设置的,感兴趣的朋友可以参考下
触屏网站网站尺寸 -
使用css创建三角形 使用CSS3创建3d四面体原理及代码(html5实践)
【html5】今天读了篇关于如何使用css3创建3d四面体的文章,觉的相当不错,所以拿出来和大家分享一下,如何使用div+css创建三角形。在这里我先把相关代码粘贴出来,然后再为大家讲解原理
三角形3d四面体 -
网站设计中很重要的概念div+浮动剖析
【心得技巧】在网站建设中,总会遇到html和css各种各样的问题,html中包括两种元素 内联元素(行内元素)和块元素,怎么理解呢
浮动div浮动层 -
css3 transform 3d 使用css3创建动态3d立方体(html5实践)
【html5】在今天的课程中,我将向大家介绍如何使用css3创建3d的立方体,操作方法为:上下左右键,实现立方体的翻转旋转效果,特酷,本人看后,目瞪口呆,值得收藏于参考
3d立方体transform -
PS制作逼真的USB插头教程
【矢量手绘】Photoshop的钢笔工具可以创建令人难以置信的是一个非常强大的工具,甚至是照片般逼真的图像。在今天的教程中,我们将演示如何绘制一个逼真的USB电缆在Photoshop中
USB插头 -
爱上朴实的CSS细节虽不起眼可提高效率
【心得技巧】未来的CSS太让人兴奋了:一方面,是全新的页面布局方式;另一方面,是酷炫的镜、颜色等视觉效果;它们有些已经存在一段时间了,但值得我们更好地认识,而有些则刚刚面世。虽然不起眼,但是它们可以提高我们的工作效率——以谦虚的姿态
CSS细节CSS -
如何做一个好重构 不仅是在重构代码也是在重构人生
【心得技巧】做个好重构真的挺不容易的,无论是从专业角度还是从生活角度,缺一不可,其实,"好"与"坏"向来都是相对的,因为每个人眼中看待"好"与"坏"的标准不一样,不如从自身的角度考虑一下:如何做一个好重构,接下来为您详细介绍
重构代码