wpf/e Initial Impressions (Ii.)

4. Advanced graphics Features

Advanced Features	SVG	wpf/e	Notes
grouped	Support G	。	SVG g sets a common attribute in the group that contains graphics, and no corresponding item is found in wpf/e
Reuse	Support for symbol, use, and Xlink:href	。	No corresponding item found in wpf/e
Available Display range	Support Viewbox	。	No corresponding item found in wpf/e
Strokes	Support Stroke	Support Stroke
Fill	Supports color, gradient, raster image and pattern fills	Supports color, gradient, and raster image fills	The pattern fill feature is not found in the wpf/e
Transparent	Support for transparent processing fill-opacity	Support for transparent processing Opacity
Cut	Support Clip	Support Clip
gradients	Supports linear and circular gradients	Supports linear and circular gradients
Channel Rendering	Support Filter, etc.	。	No corresponding item found in wpf/e
position and size control	Support x, y,width, height	Support Cavans.left Canvas.Top, Width, Height
Coordinate Transformation	Supports panning, scaling, rotation, skew, and transformation based on coordinate matrices	Supports panning, scaling, rotation, skew, and transformation based on coordinate matrices	Matrix based transformations are supported, but the matrices are formatted differently
Text Area Restrictions	does not support	Support Wrap	Support in SVG1.2
Text path arrangement	Support Textpath	does not support
animated	Support for Animate and Animatemotion	Support types can be divided into doubleanimation,coloranimation and pointanimation, corresponding to double, color and pixel change type	SVG is unable to control the animation alone, can only start or stop the entire page of animation, and wpf/e can control the individual animation, animation control is more abundant.
Audio	No	Support MediaElement	WPF/E currently supports WMA format, and SVG in IE can use Adobe Sound extensions
Video	No	Support MediaElement	WPF/E currently supports WMV format, SVG can be extended using Flash or RealPlayer
CSS Support	Support	。	Unknown in wpf/e

Note: The wpf/e coordinate itself is a row vector rather than an SVG column vector, so the coordinate matrix is the SVG transpose matrix.

SVG coordinate matrix	wpf/e coordinates matrix
a	c	e	M11	M12 /td>	0
b	d	f	M21	M22	0
0	0	1	OffsetX	OffsetY	1

of which M11 = A; M12=b; M21=c; M22=d; OffsetX =e;                   Offsety=f therefore the wpf/e coordinate translation formula can be expressed as: 1 0 0 [x y 1] * 0 1 0 = [x+dx y+dy 1] The transformation syntax for DX DY 1 based on the coordinate matrix is: <matrixtransform matrix= "M11, M12, M21, M22, OffsetX, OffsetY"/> For example: <path stroke= "B Lack "strokethickness=" 1 "data=" m0,0 l100,100 "> <Path.RenderTransform> <matrixtransform matrix=" 2, 0, 0, 1, 0, 0 "/> </Path.RenderTransform> </Path> 5. Support for interactivitySVG in the browser supports JavaScript scripting, and the current wpf/e only supports JavaScript, but later may support other languages, such as CSharp. Both support event handling to interact with the user. Because different SVG implementations have different support for events, only the SVG1.1 standard events that are basically implemented are listed here.

event

SVG

wpf/e