...本的几何图形就画出来呢？我想到了一个人，于是我决定画一个《一拳超人》中的卤蛋，不对，是秃头披风侠——琦玉老师。 结果展示见下：http://codepen.io/noiron/pen/... 技术概述 从html文件中你可以看到这张图片实际上全部是由div...
...一起来做一场流星雨，用程序员的野路子浪漫一下。 要画一场流星雨，首先，自然我们要会画一颗流星。 玩过 canvas 的同学，你画圆画方画线条这么 6，如果说叫你画下面这个玩意儿，你会不会觉得你用的是假 canvas？canvas 没有...
笔墨伺候 var canvas = document.getElementById(canvas); var ctx = canvas.getContext(2d); // 然后便可以挥毫泼墨了 树的样子 const root = { value: A, label: 100, left: { value: B, label: ...
...1440个逻辑像素： 那么我们的问题来了，怎么在高清屏上画一条0.5px的边呢？0.5px相当于高清屏物理像素的1px。这样的目的是在高清屏上看起来会更细一点，效果会更好一点，例如更细的分隔线。 大漠在《再谈Retina下1px的解决方...
...1440个逻辑像素： 那么我们的问题来了，怎么在高清屏上画一条0.5px的边呢？0.5px相当于高清屏物理像素的1px。这样的目的是在高清屏上看起来会更细一点，效果会更好一点，例如更细的分隔线。 大漠在《再谈Retina下1px的解决方...
关于节日 圣诞节，元旦，看大家(情侣)在朋友圈里发各种庆祝的或者祝福的话语，甚是感动，然后悄悄拉黑了。作为单身狗，我们也有自己庆祝节日的方式，今天我们就来实现一些祝福的效果。 需要说明的是，所有的效果都...
关于节日 圣诞节，元旦，看大家(情侣)在朋友圈里发各种庆祝的或者祝福的话语，甚是感动，然后悄悄拉黑了。作为单身狗，我们也有自己庆祝节日的方式，今天我们就来实现一些祝福的效果。 需要说明的是，所有的效果都...
关于节日 圣诞节，元旦，看大家(情侣)在朋友圈里发各种庆祝的或者祝福的话语，甚是感动，然后悄悄拉黑了。作为单身狗，我们也有自己庆祝节日的方式，今天我们就来实现一些祝福的效果。 需要说明的是，所有的效果都...
...个元素的值是1，就随机从这组图片中选择一张画上去。 画一张图片，画多张图片，补充图片，他们都是在 canvas 上画图片，为了避免已经画了图片的位置被覆盖，他们所画的图片的等级是不同的。 补充图片：1 画多张图片：2 画...
... pink //告诉canvas我画完了，执行stroke()方法 cxt.stroke() //画一条新的线 cxt.moveTo(50, 100) cxt.lineTo(450,500) //设置这条线的颜色为浅蓝色 cxt.strokeStyle = lightblue //告诉canvas我画完了，执行stroke()方法 cxt.stroke() 看看效果如何：因为canvas...
...圆心的位置计算得出线的端点坐标P1{x1,y1}、P2{x2,y2}，然后画一条P1到P2的线，代码中的计算量不小。不过canvas中我们有更好的解决办法： 1.定位笔触到圆心位置{x,y} ctx.translate(x,y) 2.根据线的角度旋转画布angle圈(angle=1时表示顺时针...
...，如果你手边有纸笔最好，没有在脑中想象也不复杂。 画一个等边三角形，从顶点顺时针为每个角编号（1）、（2）、（3） 其中（1）旁边标注原型对象，（2）构造函数，（3）实例对象 从（2）构造函数（如上节例中的Clas...
轻量云主机已更新简化版Windows帕鲁镜像的安装教程，现在仅需3步，就可以畅游帕鲁大陆！需要Lin...
UCloud轻量云主机已更新Linux帕鲁镜像的安装教程，现在仅需1步，就可以畅游帕鲁大陆！也欢迎大...
