本文整理匯總了TypeScript中core/util/canvas.Context2d.lineTo方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript Context2d.lineTo方法的具體用法？TypeScript Context2d.lineTo怎麽用？TypeScript Context2d.lineTo使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類core/util/canvas.Context2d的用法示例。
在下文中一共展示了Context2d.lineTo方法的9個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: function
const _one_diamond = function(ctx: Context2d, r) {
ctx.moveTo(0, r);
ctx.lineTo(r/1.5, 0);
ctx.lineTo(0, -r);
ctx.lineTo(-r/1.5, 0);
return ctx.closePath();
};示例2: _normal
_normal(ctx: Context2d, _i: number): void {
ctx.beginPath()
ctx.moveTo(0.5*this.size, this.size)
ctx.lineTo(0, 0)
ctx.lineTo(-0.5*this.size, this.size)
ctx.closePath()
}示例3: _one_diamond
function _one_diamond(ctx: Context2d, r: number): void {
ctx.moveTo(0, r)
ctx.lineTo(r/1.5, 0)
ctx.lineTo(0, -r)
ctx.lineTo(-r/1.5, 0)
ctx.closePath()
}示例4: clip
clip(ctx: Context2d, i: number): void {
// This method should not begin or close a path
this.visuals.line.set_vectorize(ctx, i)
ctx.moveTo(0.5*this.size, this.size)
ctx.lineTo(0.5*this.size, -2)
ctx.lineTo(-0.5*this.size, -2)
ctx.lineTo(-0.5*this.size, this.size)
ctx.lineTo(0.5*this.size, this.size)
}示例5: _one_tri
function _one_tri(ctx: Context2d, r: number): void {
const h = r*SQ3
const a = h/3
ctx.moveTo(-r, a)
ctx.lineTo(r, a)
ctx.lineTo(0, a-h)
ctx.closePath()
}示例6: render
render(ctx: Context2d, i: number): void {
if (this.visuals.line.doit) {
this.visuals.line.set_vectorize(ctx, i)
ctx.beginPath()
ctx.moveTo(0.5*this.size, this.size)
ctx.lineTo(0, 0)
ctx.lineTo(-0.5*this.size, this.size)
ctx.stroke()
}
}示例7: _render
_render(ctx: Context2d, indices, {sxs, sys}) {
// @sxss and @syss are used by _hit_point and sxc, syc
// This is the earliest we can build them, and only build them once
this.renderer.sxss = this._build_discontinuous_object(sxs);
this.renderer.syss = this._build_discontinuous_object(sys);
for (const i of indices) {
const [sx, sy] = [sxs[i], sys[i]];
if (this.visuals.fill.doit) {
this.visuals.fill.set_vectorize(ctx, i);
for (let j = 0, end = sx.length; j < end; j++) {
if (j === 0) {
ctx.beginPath();
ctx.moveTo(sx[j], sy[j]);
continue;
} else if (isNaN(sx[j] + sy[j])) {
ctx.closePath();
ctx.fill();
ctx.beginPath();
continue;
} else {
ctx.lineTo(sx[j], sy[j]);
}
}
ctx.closePath();
ctx.fill();
}
if (this.visuals.line.doit) {
this.visuals.line.set_vectorize(ctx, i);
for (let j = 0, end = sx.length; j < end; j++) {
if (j === 0) {
ctx.beginPath();
ctx.moveTo(sx[j], sy[j]);
continue;
} else if (isNaN(sx[j] + sy[j])) {
ctx.closePath();
ctx.stroke();
ctx.beginPath();
continue;
} else {
ctx.lineTo(sx[j], sy[j]);
}
}
ctx.closePath();
ctx.stroke();
}
}
}示例8: _inner
protected _inner(ctx: Context2d, sx1: Arrayable<number>, sx2: Arrayable<number>, sy: Arrayable<number>, func: (this: Context2d) => void): void {
ctx.beginPath()
for (let i = 0, end = sx1.length; i < end; i++) {
ctx.lineTo(sx1[i], sy[i])
}
// iterate backwards so that the upper end is below the lower start
for (let start = sx2.length-1, i = start; i >= 0; i--) {
ctx.lineTo(sx2[i], sy[i])
}
ctx.closePath()
func.call(ctx)
}示例9: _one_hex
function _one_hex(ctx: Context2d, r: number): void {
const r2 = r/2
const h = SQ3*r2
ctx.moveTo( r, 0)
ctx.lineTo( r2, -h)
ctx.lineTo(-r2, -h)
ctx.lineTo(-r, 0)
ctx.lineTo(-r2, h)
ctx.lineTo( r2, h)
ctx.closePath()
}