今天，我们接着介绍CanvasRenderingContext2D对象的方法arcTo()的用法。arcTo(x1, y1, x2, y2, radius)arcTo()方法将利用当前端点、端点1(x1,y1)和端点2(x2,y2)这三个点所形成的夹角，然后绘制一段与夹角的两边相切并且半径为radius的圆上的弧线。弧线的起点就是当前端点所在边与圆的切点，弧线的终点就是端点2(x2,y

先上代码：context.moveTo(50,50);context.quadraticCurveTo(200,60,50,100);context.strokeStyle='blue';context.stroke();图解我对quadraticCurveTo的理解：

最近搞移动端，真是被rem、em与px的换算要了老命了，看了不少文档，似乎弄明白了，这不今天用又蒙圈了。好多文档上老是说用rem就给html设置font-size，用em就给body设置font-size看了下bootstrap样式表，html {font-size:62.5%;}  body {font-size:14px;}，其他样式略哈，就讲这两个主要的。可惜大姐长了

节省样式的加载，其实不仅是为了节省加载，也是为了达到自适应的效果目前而言，要改变网站的配色方案或者写不同设备的专用样式表，是通过如下代码：@media only screen and (min-device-width:640px) { ... }//例如，适应某设备的分辨率其实，没有必要这样让你的样式表白白超载。可以通过下面这个方法去加载指定分辨率下的样式。这样的好处是，只有

前言作为一名前端，在拿到设计稿时你有两种选择：快速输出静态页面加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来作为一个有志向的前端，当然是选2啦！可是需求时间又很短很短，怎么办呢？这次就来谈谈一些动画设计的小技巧，能在你时间不多又没有动画想法的时候瞬间让页面增色不少。同时也会谈及移动端H5页面的优化细节与关键点，因此本文章将分为动效篇和优化篇。

响应式布局—设备像素密度测试 (-webkit-min-device-pixel-ratio)最近遇到这种头疼的问题，百思不得其解，不耻下问，悬梁刺股这些事情都做过之后，终于看到希望，于是攒见好就收，感觉整理分享给大家，希望有所帮助。对手机分辨率和网页像素的初步认识是，是2倍的差别。但是让人费解的是为什么还要 1.325 这种数据呢，原来是这么回事：举个