随笔分类 - canvas
html5画布canvas
摘要：/* super inefficient right now, could be improved */var c = document.getElementById('canvasload'), ctx = c.getContext('2d'), cw = c.width = 400,...
阅读全文
摘要：html5 canvas文本处理你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！Text:Fill Or Stroke:
阅读全文
摘要：html5 canvas文本处理你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！Text:
阅读全文
摘要：创建阴影你的浏览器无法使用canvas如有疑问加QQ：1035417613;小白童鞋；你的支持是我最大的快乐！！shadowOffsetX，shadowOffsetY，控制阴影的位置shadowBlur控制阴影的模糊程度shadowColor控制阴影的颜色类似css3的这个属性box-shadow
阅读全文
摘要：用图案填充形状你的浏览器无法使用canvas如有疑问加QQ：1035417613;小白童鞋；你的支持是我最大的快乐！！注意图片的路径！！！其他就和css的background感觉差不多//图片填充的4种类型：repeat,no-repeat,repeat-x,repeat-y;//createPat...
阅读全文
摘要：canvas高级贝塞尔曲线运动动画你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！"http://files.cnblogs.com/files/LoveOrHate/canvas13.rar好了大致也标注了一下重点之类的有关贝塞尔的算法，我表示，我也是喜欢套公式的，让我自己研究公...
阅读全文
摘要：圆形径向渐变你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：弧形描边渐变你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：径向渐变你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：径向渐变你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！context.createRadialGradient(50,50,25,50,50,100);6个参数定义2个圆的圆心和半径第一个圆是开始圈第二个圆是结束圈第一个圆位于（50,50）半径25第二个元位于（50,50）半径为...
阅读全文
摘要：对角线渐变你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：垂直渐变描边你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：填充渐变形状你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！水平渐变无非就是createLinearGradient(0,0,100,0)垂直渐变无非就是createLinearGradient(0,0,0,100)
阅读全文
摘要：因为我之前把基础大致都帮各位详细讲过了！什么fill，line，乱七八糟的一堆。都有demo了所以我最近写起来可能会快很多了！如果有不明白的只能请各位回顾下之前的文章了毕竟如果按照这个进度写文章的话，估计明年都写不完。。。我的目标可是让大家能尽快的写个小游戏。至少也要能写个（马里奥，坦克大战之类的）...
阅读全文
摘要：填充渐变形状你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：渐变描边你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：填充渐变形状你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！
阅读全文
摘要：填充渐变形状你的浏览器无法使用canvas小白童鞋；你的支持是我最大的快乐！！在画布上创建渐变填充有两个基本选项：线性或者径向。线性渐变创建一个水平、垂直或者对角线的填充图案。径向渐变自中心店穿件一个放射状填充
阅读全文
摘要：对矩形或其他形状进行旋转和缩放与对正方形非常类似，实际上只要在缩放、旋转或者组合缩放旋转前将原点平移到形状的中心，都可以得到想要的效果。记住，任何形状的中心点都是半宽的X值和半高的Y值！这需要使用边界框理论找到中心点PS是丑了点！但是我表示我正在努力的学素描！明年我再去考个专升本艺术系HOHO（PS...
阅读全文
