-
五角星收缩探照灯2: function draw(cxt){ var canvas=cxt.canvas; cxt.clearRect(0,0,canvas.width,canvas.height); cxt.save(); cxt.beginPath(); cxt.fillStyle='black'; cxt.fillRect(0,0,canvas.width,canvas.height); cxt.save(); cxt.translate(searhLight.x,searhLight.y); // cxt.rotate(rot/180*Math.PI); 星星旋转角度 cxt.scale(searhLight.radius,searhLight.radius); starPath(cxt); cxt.fillStyle='#fff'; cxt.fill(); cxt.restore(); cxt.clip(); cxt.font='bold 150px Arial'; cxt.textAlign='center'; cxt.textBaseline='middle'; cxt.fillStyle='#058'; cxt.fillText('CANVAS',canvas.width/2,canvas.height/4); cxt.fillText('CANVAS',canvas.width/2,canvas.height/2); cxt.fillText('CANVAS',canvas.width/2,canvas.height*3/4); cxt.restore(); }查看全部
-
设置canvas的阴影 context.shadowColor="颜色值"；//阴影颜色值，可以为任何颜色的表现形式 context.shadowOffsetX=value1;//水平方向的偏移，值可以为负值，负值则方向相反 context.shadowOffsetY=value2;//垂直方向的偏移，值可以为负值，负值则方向相反 context.shadowBlur=value3;//阴影模糊程度，正比例增加查看全部
-
【小结@曲线的绘制】 三种曲线绘制方法 1、arc/arcto：绘制圆弧 2、quadraticCurveTo：一个控制点 3、bezeirCurveTo：两个控制点查看全部
-
fillStyle__填充样式（样式是多种多样的）； var linearGrad = context.createLinearGradient(Xstar,Ystar,Xend,Yend);创建线性渐变（起始位置X，Y，结束位置X，Y）； grd.addColorStop(stop,color);stop是（开始填充）位置(0.0~1.0的数值)，color是要填充的颜色；这个.addColorStop()至少要2个； context.fillStyle = linearGrad; Context.fillRect(0,0,800,800);填充的形状，如现在，画布的长宽就是800,800的话，就是填充了整个画布咯查看全部
-
线性渐变和径向渐变，二者很像，重要是应用在哪些地方。查看全部
-
贝塞尔曲线查看全部
-
曲线绘制两种方式查看全部
-
scale()有放大边框和起点坐标的副作用查看全部
-
lineWidth线条宽度 lineCap="butt"(默认)设置线的端点位置的样式 "round"圆形 "square"方形 lineJoin="miter"(默认尖角)设置交叉点的样式 "bevel"斜阶 "round"圆角 miterLimit 设置交叉点尖角的内角与外角的距离查看全部
-
创建canves var canves = document.getElementById('canves') canves属性：width、height、getContext('2d') 绘图环境 var context = canves.getContext('2d') context设置属性 moveTo(x,y);lineTo(x,y); beginPath closePath开始路径的开始以及结束 lineWidth strokeStyle设置线条的样式 fillStyle设置填充样式 stroke fill rect(x,y,宽,高)查看全部
-
<canvas id="canvas"><canvas> var canvas=document.getElementById('canvas') var context=canvas.getContext('2d')查看全部
-
https://code.google.com/p/explorercanvas/downloads/detail?name=excanvas_r3.zip&can=2&q= 第一种 explorecanvas 只要多引入这个js包就可以支持了 <!--[if IE]><script type="text/javascript" src="../excanvas.js"></script><![endif]--> 第二种 google chrome frame 开发者指南： http://www.chromium.org/developers/how-tos/chrome-frame-getting-started#TOC-Troubleshooting-installation-issues https://developers.google.com/chrome/chrome-frame/ 需要安装谷歌浏览器框架，会将IE引擎替换成chrome 引擎。会支持所有的HTML5特性。查看全部
-
2123查看全部
-
scale( sx, sy )操作具有副作用，表现为不仅对图像的大小进行缩放操作，还对图像的其他数值属性（比如边框的宽度，左上角的坐标等等）进行相应的缩放操作。查看全部
-
1.beginPath和colsePath成对出现时可以构成一个封闭图形 2.既有填充又有描边是先填充在描边，否则描边会被覆盖掉一半的宽度 比较好的代码书写顺序： 1、绘制图形的途径 2、绘制图形状态 3、绘制查看全部
举报
0/150
提交
取消