The_Great_Archive/banana_split
1
0
Fork 0
mirror of https://github.com/paritytech/banana_split.git synced 2026-09-12 19:51:03 +05:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

add padLeft constant

Browse Source
This commit is contained in:
Pavel Rybalko 2021-11-17 15:10:27 +07:00
parent 32b7204877
commit 0c6e32c594
No known key found for this signature in database
GPG Key ID: 84C73B280D672411
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/CanvasText.vue
View File

@ -9,8 +9,8 @@ export default Vue.extend({
name: "CanvasText",
directives: {
canvasMessage: function(el: HTMLElement, binding: VNodeDirective): void {
const canvasElement = el as HTMLCanvasElement,
context = canvasElement.getContext("2d");
const canvasElement = el as HTMLCanvasElement;
const context = canvasElement.getContext("2d");
if (!context) {
// eslint-disable-next-line no-console
console.warn("Failed to find canvasElement context");
@ -20,9 +20,10 @@ export default Vue.extend({
context.fillStyle = "black";
context.font = "20px Arial";
const textWidth = context.measureText(binding.value).width || 450;
canvasElement.setAttribute("width", textWidth + 20 + "px");
const padLeftPx = 15;
canvasElement.setAttribute("width", textWidth + padLeftPx + "px");
context.font = "20px Arial";
context.fillText(binding.value, 15, 20);
context.fillText(binding.value, padLeftPx, 20);
}
},
props: {