原文地址：WebGL学习(1) - 三角形 还记得第一次看到canvas的粒子特效的时候，真的把我给惊艳到了，原来在浏览器也能做出这么棒的效果。结合《HTML5 Canvas核心技术》和网上的教程，经过半年断断续续的学习，对canvas的学习终于完结，对常用的canvas特效基本能做到信手拈来 ...

使用css画三角形，首先想到的思路是：利用border边框样式来实现，这是由于border的边框是由四个三角形组成的。 首先生成一个带边框宽高为0的div： <style> .dom{ width: 0px; height: 0px; border-width ...

带边框的三角形 气泡三角形 ...

= SmoothingMode.HighQuality; 　　　　//绘制三角形 ...

就是一组提供了生成2d、3d图形的API。 其实，要想用WebGL来真正“画”出一些东西，首先要对 ...

1、利用Css 的border绘制三角形的原理： div的border是有宽度和颜色的，当div的宽度比较大的时候，比如上面代码每个边100像素，颜色又不一样，浏览器怎么渲染颜色呢？经测试发现，宽度较大的border相交时： 1、只有相邻边才会相交，对边是不可能相交的 2、相交区域(显然是 ...

代码： 实现的效果如下图： ...

看到这个导航的时候就在想这种三角是否可以通过css和html实现，于是就在网上找了找资料。整理如下：1.思路很简单。看下面的图片(每条边是不是像三角形的底边） html: Css: 2. 当div元素的宽度和高度是0的时候是什么样呢（其他属性不变 ...