canvas图形函数
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了canvas图形函数相关的知识,希望对你有一定的参考价值。
function drawStar(cobj,x, y, radius1, radius2, num, drawType, color) {//参数:画笔,圆心X。圆心Y,半径1,半径2,形状边,实心|空心,颜色
var angle = 360 / (num * 2);
var arr = [];
for(var i = 0; i < num * 2; i++) {
var starObj = {};
if(i % 2 == 0) {
starObj.x = x + radius1 * Math.cos(i * angle * Math.PI / 180);
starObj.y = y + radius1 * Math.sin(i * angle * Math.PI / 180);
} else {
starObj.x = x + radius2 * Math.cos(i * angle * Math.PI / 180);
starObj.y = y + radius2 * Math.sin(i * angle * Math.PI / 180);
}
arr.push(starObj);
}
cobj.beginPath();
cobj.fillStyle = color;
cobj.strokeStyle = color;
cobj.moveTo(arr[0].x, arr[0].y);
for(var i = 1; i < arr.length; i++) {
cobj.lineTo(arr[i].x, arr[i].y);
}
cobj.closePath();
if(drawType == "fill") {
cobj.fill();
} else {
cobj.stroke();
}
}
以上是关于canvas图形函数的主要内容,如果未能解决你的问题,请参考以下文章
自定义控件Paint,Canvas 基础用法 - Path函数大全,Canvas绘制基本几何图形