直接复制粘贴就能看到效果。此图考察了svg的各种使用；其中包含了，绘制圆形、圆环，点，折线，多边形，水平居中文字，三角函数计算坐标。关于手机端适配方面，直接使用svg的viewbox来实现。因为svg是矢量图形，无论放大缩小都不失真，所以可以用适用各种设备且效果显示出众。公司给的设计稿是375宽度，我就用了375.你们...

设计稿： 做好的效果图：（细节自己慢慢调整） 源码： {代码...}

svg:path有d属性，而d属性是最牛B的！ {代码...} M：画笔起始位置 L：画直线（x，y）坐标 Z：自动闭合 fill： 填充颜色 stroke：描边颜色 stroke-width：描边宽度 transform="translate(x,y)": 加了描边后需要平移（x=stroke-width/2, y=stroke-width/2） 在需求中也许设计师设计了个渐变色用以下方法： {代码...} 把fil...

//以下都是以windows环境为例var path = require('path');console.log(' module.filename = ' + module.filename + ' ');console.log(' __filename = ' + __filename + ' ');console.log(' __dirname = ' + __dirname + ' ');console.log(' process.cwd() = ' + process.cwd() + ' ');console.log(' require.main.filena...

{代码...}

{代码...}

直接上代码，拷贝到文件里直接运行就能看到效果；插件地址jCanvaScript：[链接] {代码...}

写这篇文章的时候先说一下原因：webpack：现在很流行的打包工具；推荐原因：学习成本比gulp，fis3等简单，就是这么直接！vue：国人开发的MVVM框架，一点都不逊于recat，vue2.0的执行速度比recat都快！推荐原因：[链接]这里很权威。但我们今天学的是vue1.0，原因：vue2.0我还不会(^_^)!而且新手还是vue1.0学习为主吧。原...

上面的代码直接复制进你的html文件里打开就能看到效果。注意事项：开始时按240像素大小的画布写，最后发现放在分辨率高的手机上全是锯齿，所以最后采用960的宽高来写。绘制完图片（头像）会覆盖整个画布，所以图片得最后绘制。弧形文字需要一点一旦调整弧度。留言：如有疑问关注我给我留言，我们一起成为大牛！

<canvas> 看起来和 <img> 元素很相像，唯一的不同就是它并没有 src 和 alt 属性。实际上，<canvas> 标签只有两个属性—— width和height。当没有设置宽度和高度的时候，canvas会初始化宽度为300像素和高度为150像素。该元素可以使用CSS来定义大小，但在绘制时图像会伸缩以适应它的框架尺寸：如果CSS的尺...

前言： {代码...} 闲谈： {代码...} nodejs安装： {代码...} smart-npm优化下载速度： {代码...} webpack全局安装： {代码...} 新建项目： {代码...} 一直按回车；完成后现在项目里面就有一个package.json， 我们多加一点东西；建立以下文件： {代码...} 添加了两个js文件，添加了最重要的webpack->webpack.config.js...

新手用linux安装完node.js后发现node -v命令不能执行，而nodejs -v却能执行，但自己用的项目中必须用node命令而不能用nodejs命令，这时候就不知道怎么办才好。搜索后用sudo npm install -g n sudo n stable这俩个命令发现一直在载入无法完成，最后也不知道怎么办。有些人搜索到了使用软链接把nodejs改成node就行，可是没...