详解HTML5 canvas画图根基行使要领

var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); context.beginPath(); //配置是个极点的坐标，按照极点拟定路径 for (var i = 0; i < 5; i++) { context.lineTo(Math.cos((18+i*72)/180*Math.PI)*200+200, -Math.sin((18+i*72)/180*Math.PI)*200+200); context.lineTo(Math.cos((54+i*72)/180*Math.PI)*80+200, -Math.sin((54+i*72)/180*Math.PI)*80+200); } context.closePath(); //配置边框样式以及添补颜色 context.lineWidth="3"; context.fillStyle = "#F6F152"; context.strokeStyle = "#F5270B"; context.shadowColor = "#F7F2B4"; context.shadowOffsetX = 30; context.shadowOffsetY = 30; context.shadowBlur = 2; context.fill(); context.stroke();

结果如下：

图形组合：

globalAlpha： 配置或返回画图的当前 alpha 或透明值

该要领首要是配置图形的透明度，这里就不详细先容。

globalCompositeOperation： 配置或返回新图像怎样绘制到已有的图像上，该要领有以部属性值：

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!