const ageData = new Array(70).fill(1).map((_, index) => ({ value: index + 10 }))
Также вы можете создать помощника, который генерирует данные этого типа более общим способом
function generateAgeData (from, to) {
return new Array(to - from).fill(1).map((_, index) => ({
value: from + index
}));
}
Это будет работать? (Это работало на меня, так или иначе.)
<Canvas>
<Canvas.Background>
<ImageBrush ImageSource="someimage.jpg" AlignmentX="Right"
AlignmentY="Bottom" Stretch="None" />
</Canvas.Background>
</Canvas>
Как насчет содержания холста и изображения в Сетке управляют как так?
<Window ...>
<Grid>
<Canvas/>
<Image HorizontalAlignment="Right" VerticalAlignment="Bottom" .../>
<Grid>
</Window>
AFAIK Холст WPF нужны дочерние элементы UI, которые будут расположены с помощью абсолютных координат. Для достижения привязанного правом-нижней частью эффекта я думаю, что необходимо было бы обработать окно, изменяют размер события, повторно вычисляют и применяют Вершину, Оставленные координаты для дочернего Элемента изображения, чтобы всегда придерживаться правильного угла кнопки.
<Window x:Class="HelloWPF.Window1" xmlns...
Title="Window1" Height="300" Width="339">
<Canvas>
<Image Canvas.Left="195" Canvas.Top="175" Height="87" Name="image1" Stretch="Fill" Width="122" Source="dilbert2666700071126ni1.gif"/>
</Canvas>
</Window>