HoshinoKoji/psychojs
1
0
Fork 0
mirror of https://github.com/psychopy/psychojs.git synced 2025-05-10 02:30:53 +00:00
Code Actions Packages Releases Activity

multiline caption support with proper alignment within the button.

Browse Source
This commit is contained in:
lightest 2024-04-16 18:05:11 +01:00
parent 6c85a2056d
commit f7af329a28
1 changed files with 28 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/visual/ButtonStim.js
View File

@ -104,6 +104,8 @@ export class ButtonStim extends VisualStim
this._addAttribute("timesOff", []);
this._addAttribute("numClicks", 0);
this._estimateBoundingBox();
if (this._autoLog)
{
this._psychoJS.experimentLogger.exp(`Created ${this.name} = ${util.toString(this)}`);
@ -138,15 +140,37 @@ export class ButtonStim extends VisualStim
_composeTextConfig()
{
const fontSize = Math.round(this._getLengthPix(this._letterHeight));
const size_px = util.to_px(this._size, this._units, this._win);
return {
fontFamily: this._font,
fontSize,
fill: new Color(this._color).int,
align: "center"
align: "center",
breakWords: true,
wordWrap: true,
wordWrapWidth: size_px[ 0 ]
};
}
/**
* Estimate the bounding box. this._boundingBox is used by other components like mouse listeners.
*
* @override
* @protected
*/
_estimateBoundingBox()
{
// take the alignment into account:
const anchor = this._anchorTextToNum(this._anchor);
this._boundingBox = new PIXI.Rectangle(
this._pos[0] - anchor[0] * this._size[0],
this._pos[1] - anchor[1] * this._size[1],
this._size[0],
this._size[1],
);
}
_updateIfNeeded()
{
if (!this._needUpdate)
@ -174,7 +198,6 @@ export class ButtonStim extends VisualStim
this._pixiText = new PIXI.Text(this._text, pixiTextConfig);
this._pixi.addChild(this._pixiGraphics, this._pixiText);
this._pixi.interactive = true;
const fillColor = new Color(this._fillColor);
@ -190,6 +213,9 @@ export class ButtonStim extends VisualStim
this._pixiGraphics.drawRect(0, 0, size_px[0], size_px[1]);
this._pixiGraphics.endFill();
this._pixiGraphics.closePath();
this._pixiText.x = Math.round((size_px[ 0 ] - this._pixiText.width) * 0.5);
this._pixiText.y = Math.round((size_px[ 1 ] - this._pixiText.height) * 0.5);
// this._pixiText.width = size_px[ 0 ];
}
this.anchor = this._anchor;