“W PF/E ”是一种新 Web 呈现技术的代号， 创建该技术的目的是使其能够在各种平台上运行。该技术支持创建丰富的、具有绚丽视觉效果的交互式体验， 并且可以随处实现： 无论是在浏览器内、在多个设备上还是在桌面操作系统（ 如 Apple Macintosh） 中。Microsoft .NET Framework 3.0（ Windows 编程基础结构） 中的呈现技术 XAML（ 可扩展应用程序标记语言） 遵循 WPF (Windows Presentation Foundation)， 它是“W PF/E ”呈现功能的基础。
以前使用SVG,现在观注的当然怎么在WPF/E中实现相同的效果.
同SVG类似,WPF/E提供了几种图形元素,其中有三种是基本的:Ellipse, Rectangle, 和 Line.此外,还提供了一些更复杂的图形元素,也有三种:Polygon,
Polyline, 和 Path.
<Canvas
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Ellipse Height="200" Width="200" Canvas.Left="30" Canvas.Top="30"
Stroke="Black" StrokeThickness="10" Fill="SlateBlue"/>
<Rectangle Height="100" Width="100" Canvas.Left="5" Canvas.Top="5"
Stroke="Black" StrokeThickness="10" Fill="SlateBlue"/>
<Line X1="280" Y1="10" X2="10" Y2="280"
Stroke="black" StrokeThickness="5"/>
<Polyline Points="150, 150 150, 250 250, 250 250, 150"
Stroke="Black" StrokeThickness="10"/>
<Polygon Points="10,10 10,110 110,110 110,10"
Stroke="Black" StrokeThickness="10" Fill="LightBlue"/>
</Canvas>
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Ellipse Height="200" Width="200" Canvas.Left="30" Canvas.Top="30"
Stroke="Black" StrokeThickness="10" Fill="SlateBlue"/>
<Rectangle Height="100" Width="100" Canvas.Left="5" Canvas.Top="5"
Stroke="Black" StrokeThickness="10" Fill="SlateBlue"/>
<Line X1="280" Y1="10" X2="10" Y2="280"
Stroke="black" StrokeThickness="5"/>
<Polyline Points="150, 150 150, 250 250, 250 250, 150"
Stroke="Black" StrokeThickness="10"/>
<Polygon Points="10,10 10,110 110,110 110,10"
Stroke="Black" StrokeThickness="10" Fill="LightBlue"/>
</Canvas>
MS没有在把SVG viewer内嵌到IE中,却自己搞了XAML,很让人郁闷.不过好处在于这些图形元素已经成了.NET 类库中的类,操作起来可能会方便一些.
除Line和PolyLine元素之外,图形元素都可以使用fill属性来定义图形的填充色.所有的图形元素都可以用stroke属性来定义图形的边框的颜色.定义颜色时使用的都是画刷(brush),共有四种不同形式的画刷,分别如下:
- SolidColorBrush (纯色的画刷)
- LinearGradientBrush (以一定角度渐变的)
RadialGradientBrush (放射状的)- ImageBrush (图片画刷,用图片填充)
现在我的机器不能显示效果,改天再对效果图进行截图.
(待续...)