-
// Draw a left to right arrow function arrowLeft2Right(ctx, opts) { var rect_r = 2 / 3, arrow_r = 1 / 2; var x = +opts.x, y = +opts.y; if (!ctx || (!x && x != 0) || (!y && y != 0)) return; var w = +opts.width || 300, h = +opts.height || 100, borderWidth = +opts.borderWidth || 4, borderColor = opts.borderColor || '#333', color = opts.color || '#fff'; var rect_w = Math.round(w * rect_r); var arrow_h = Math.round(h * arrow_r); ctx.beginPath(); ctx.lineTo(x, y); ctx.lineTo(x + rect_w, y); ctx.lineTo(x + rect_w, y - arrow_h); ctx.lineTo(x + w, y + h / 2); ctx.lineTo(x + rect_w, y + h + arrow_h); ctx.lineTo(x + rect_w, y + h); ctx.lineTo(x, y + h); ctx.closePath(); ctx.strokeStyle = borderColor; ctx.lineWidth = borderWidth; ctx.fillStyle = color; ctx.fill(); ctx.stroke(); }查看全部
-
Canvas 状态保存和恢复 save(), restore()查看全部
-
Canvas 图形变化 类似CSS3查看全部
-
Canvas 线条属性 lineJoin 线条相交样式 miterLimit查看全部
-
Canvas 线条属性 lineWidth lineCap查看全部
-
Canvas Draw a Star 坐标计算查看全部
-
Canvas 线的绘制查看全部
-
canvas图形库查看全部
-
canvas 状态的保存和恢复查看全部
-
miterLimit查看全部
-
star查看全部
-
构造一个圆角矩形查看全部
-
save和restore是成对出现的，用于记录canvas的所有状态查看全部
-
关于五角星的顶点坐标的计算方式查看全部
-
canvas标准查看全部
举报
0/150
提交
取消