你可能注意到当我们创建一个1px 粗的line,在silverlight里的渲染结果往往明显不是1px,而是比1px粗。
注:在WPF 里可以设置SnapToDevice="True" 但是silverlight里没有SnapToDevice属性
<Line X1="10" Y1="20" X2="200" Y2="20" StrokeThickness="1" Stroke="Red" />
我们写的StrokeThickness="1" 但是实际效果如上。
如何解决这个问题,有一个简单的解决办法。就是使用RenderThansform
<Line X1="10" Y1="20" X2="200" Y2="20" StrokeThickness="1" Stroke="Red" >
<Line.RenderTransform>
<TranslateTransform X="0.5" Y="0.5" />
</Line.RenderTransform>
</Line>
效果如下:
可以看到线基本变成了1px宽。但是实际测试中发现如果 Canvas 有缩放,又会有线宽变化。
说到底Silverlight的渲染环境还是有些实际问题。像之前比较著名的字体渲染发虚的问题,后面字体倒是有所改进,但是其他问题依旧。
难道Silverlight的渲染是参照游戏引擎或者什么结构来设计的?