scratchfoundation/scratch-paint
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-paint.git synced 2025-01-10 06:32:07 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Add transform when zoomed in

Browse source
This commit is contained in:
DD 2018-03-22 14:34:46 -04:00
parent c75d3f63ba
commit 0c4f545326
1 changed files with 11 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/helper/tools/text-tool.js
View file

@ -236,30 +236,26 @@ class TextTool extends paper.Tool {
this.element.style.height = `${this.textBox.internalBounds.height}px`;
}
/**
* @param {?string} initialText Text to initialize the text area with
* @param {?paper.Matrix} matrix Transform matrix for the element. Defaults
* @param {string} initialText Text to initialize the text area with
* @param {paper.Matrix} matrix Transform matrix for the element. Defaults
* to the identity matrix.
*/
beginTextEdit (initialText, matrix) {
this.mode = TextTool.TEXT_EDIT_MODE;
this.setTextEditTarget(this.textBox.id);
// TODO text not positioned correctly when zoomed in
// TODO undo states
const viewMtx = paper.view.matrix;
this.element.style.display = 'initial';
this.element.value = initialText ? initialText : '';
if (matrix) {
this.element.style.transformOrigin =
`${-this.textBox.internalBounds.x}px ${-this.textBox.internalBounds.y}px`;
this.element.style.transform =
`translate(0px, ${this.textBox.internalBounds.y}px)
matrix(${matrix.a}, ${matrix.b}, ${matrix.c}, ${matrix.d},
${matrix.tx}, ${matrix.ty})`;
} else {
this.element.style.transform =
`translate(0px, ${this.textBox.internalBounds.y}px)`;
}
this.element.style.transformOrigin =
`${-this.textBox.internalBounds.x}px ${-this.textBox.internalBounds.y}px`;
this.element.style.transform =
`translate(0px, ${this.textBox.internalBounds.y}px)
matrix(${viewMtx.a}, ${viewMtx.b}, ${viewMtx.c}, ${viewMtx.d},
${viewMtx.tx}, ${viewMtx.ty})
matrix(${matrix.a}, ${matrix.b}, ${matrix.c}, ${matrix.d},
${matrix.tx}, ${matrix.ty})`;
this.element.focus({preventScroll: true});
this.eventListener = this.handleTextInput.bind(this);
this.element.addEventListener('input', this.eventListener);