疯狂HTML5+CSS3+JavaScript讲义随笔
霜月枫桥
Web前端软件工程师
展开
-
疯狂讲义随笔——使用二次曲线quadraticCurveTo()画花朵
代码如下: Document .div1{ height:400px; border:1px solid black; position:relative; } #canvas{ margin:0px auto; border:1px solid black;原创 2017-10-17 19:05:21 · 1561 阅读 · 0 评论 -
疯狂讲义随笔——canvas之arc()使用详解
canvas画弧线的方法一共有四个,分别是arc(),arcTo(),quadraticCurveTo(),bezierCurveTo()arc的作用是画一个正规的圆弧,可以是一个完整的圆,也可以是一个圆的某一段弧线。arc的语法如下:context.arc(x, y, radius, startAngle, endAngle, anticlockwise)方法参数对应的语义如下原创 2017-10-12 16:01:32 · 2032 阅读 · 0 评论 -
canvas——js画多边形方法
代码如下: var aa=document.getElementById("aa").getContext("2d"); aa.shadowBlur=6; aa.shadowColor="gray"; aa.shadowOffsetX=7; aa.shadowOffsetY=5; function createStar(cont原创 2017-10-13 10:28:58 · 6566 阅读 · 0 评论 -
疯狂讲义随笔——坐标变换模拟雪花飘落
代码如下: Document #div1{ height:600px; border:1px solid black; } #demo{ border:thin dashed red; } function cre原创 2017-10-23 16:36:32 · 477 阅读 · 0 评论 -
canvas使用注意点
1、canvas.arc();方法画圆时,最后一个参数默认为false,false为顺时针,当为true时,为顺时针如果想画一个1/4圆,需要结合lineTo()方法canvas.beginPath();canvas.arc(100,100,50,0,Math/2);canvas.lineTo(100,100);canvas.closePath();2、canvas.createPatter...原创 2018-05-08 15:16:44 · 792 阅读 · 0 评论