本文整理汇总了TypeScript中pixi.js.Graphics.moveTo方法的典型用法代码示例。如果您正苦于以下问题:TypeScript js.Graphics.moveTo方法的具体用法?TypeScript js.Graphics.moveTo怎么用?TypeScript js.Graphics.moveTo使用的例子?那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类pixi.js.Graphics
的用法示例。
在下文中一共展示了js.Graphics.moveTo方法的1个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: constructor
constructor (label: (string | (string | Item)[]), width: number, hint?: string, disabled: boolean = false) {
super()
const contentWidth = width // TODO MUST ACCOUNT FOR PADDING AND BORDER
if (typeof label === 'string') {
label = [label]
}
const textContainer = this.makeTextContainer(label, contentWidth)
textContainer.x = (contentWidth / 2) - (textContainer.width / 2)
textContainer.y = BORDER_WIDTH + PADDING
const graphics: Graphics = new Graphics()
if (disabled) {
graphics.beginFill(DB16.LIGHT_GRAY)
} else {
graphics.beginFill(DB16.WHITE)
}
graphics.drawRect(
BORDER_WIDTH,
BORDER_WIDTH,
width - 2 * BORDER_WIDTH,
textContainer.height + 2 * PADDING,
)
const innerHeight = textContainer.height + 2 * PADDING
graphics.lineStyle(BORDER_WIDTH, DB16.DARK_GRAY)
// Top
graphics.moveTo(BORDER_WIDTH, BORDER_WIDTH / 2)
graphics.lineTo(width - BORDER_WIDTH, BORDER_WIDTH / 2)
// Bottom
graphics.moveTo(BORDER_WIDTH, innerHeight + BORDER_WIDTH + BORDER_WIDTH / 2)
graphics.lineTo(width - BORDER_WIDTH, innerHeight + BORDER_WIDTH + BORDER_WIDTH / 2)
// Left
graphics.moveTo(BORDER_WIDTH / 2, BORDER_WIDTH)
graphics.lineTo(BORDER_WIDTH / 2, innerHeight + BORDER_WIDTH)
// Right
graphics.moveTo(width - BORDER_WIDTH / 2, BORDER_WIDTH)
graphics.lineTo(width - BORDER_WIDTH / 2, innerHeight + BORDER_WIDTH)
this.addChild(graphics)
this.addChild(textContainer)
if (hint) {
const hintText = new Text(hint, HINT_STYLE)
hintText.x = textContainer.x - hintText.width - PADDING
hintText.y = BORDER_WIDTH + (innerHeight / 2) - (hintText.height / 2)
this.addChild(hintText)
}
}