Я пытаюсь выровнять <Image> на холсте на основе абсолютного позиционирования, но изображения всегда имеют границу вокруг них. Есть ли способ избавиться от этого?
В этом примере у меня есть одно изображение с названием "yellow.png" размером 135 х 180, и я пытаюсь разместить его как плитки на холсте. Вот код:
<Grid x:Name="LayoutRoot" Background="Black" Width="720" Height="540">
<Canvas Width="720" Height="540">
<Image Source="yellow.png" Canvas.Left="0" Canvas.Top="0"/>
<Image Source="yellow.png" Canvas.Left="0" Canvas.Top="135" Width="180" Height="135"/>
<Image Source="yellow.png" Canvas.Left="0" Canvas.Top="270" Width="180" Height="135"/>
<Image Source="yellow.png" Canvas.Left="0" Canvas.Top="405"/>
<Image Source="yellow.png" Canvas.Left="180" Canvas.Top="0"/>
<Image Source="yellow.png" Canvas.Left="180" Canvas.Top="135"/>
<Image Source="yellow.png" Canvas.Left="180" Canvas.Top="270"/>
<Image Source="yellow.png" Canvas.Left="180" Canvas.Top="405"/>
</Canvas>
</Grid>
А вот как это выглядит: 
Есть мысли о том, как я могу избавиться от линии между изображениями (чтобы это выглядело так, как будто это всего лишь одно изображение этих желтых)?
3 ответа
О, чувак, после тонны устранения неполадок я понял, что это происходит только в IE9 Beta. Все остальные браузеры RTM работают нормально.
Я ничего не знаю о Silverlight, но в более ранних версиях IE нам иногда приходилось втискивать все теги изображений в одну строку, чтобы преодолеть подобные проблемы. Может быть, у Silverlight похожий сбой?
Я не мог воспроизвести это. Я создал изображение размером 180 × 135 в Paint, покрасил его в сплошной желтый цвет, сохранил его как 'yellow.png' и вставил в Grid, используя тот же XAML, что и выше. Никаких очевидных линий сетки не было.
Вы абсолютно уверены, что ваше изображение "yellow.png" полностью желтое до краев?