{{ $t('painter.tool') }}
{{ $t('painter.size') }}
v?.length && (brushSize = v[0])"
/>
{{
brushSize
}}
{{ $t('painter.color') }}
(brushColorDisplay = (e.target as HTMLInputElement).value)
"
/>
{{
brushColorDisplay
}}
{
const val = Math.min(
100,
Math.max(0, Number((e.target as HTMLInputElement).value))
)
brushOpacityPercent = val
;(e.target as HTMLInputElement).value = String(val)
}
"
/>%
{{ $t('painter.hardness') }}
v?.length && (brushHardnessPercent = v[0])
"
/>
{{ brushHardnessPercent }}%
{{ $t('painter.width') }}
v?.length && (canvasWidth = v[0])"
/>
{{
canvasWidth
}}
{{ $t('painter.height') }}
v?.length && (canvasHeight = v[0])"
/>
{{
canvasHeight
}}
{{ $t('painter.background') }}
(backgroundColorDisplay = (e.target as HTMLInputElement).value)
"
/>
{{
backgroundColorDisplay
}}