Response.Write("Hello LOLOTA")

   <InkPresenter  x:Name="inkPresenter"   Height="100" Width="300"  Cursor="Stylus" Canvas.Top="10" Canvas.Left="10" 
                       Background="Yellow" MouseLeftButtonDown="inkPresenter_MouseLeftButtonDown" 
                       MouseLeftButtonUp="inkPresenter_MouseLeftButtonUp" MouseMove="inkPresenter_MouseMove" >
            <InkPresenter.Clip>
                <RectangleGeometry Rect="0,0,300,100" />
            </InkPresenter.Clip>
   </InkPresenter>

//限定筆觸的範圍
RectangleGeometry rectGeo = new RectangleGeometry();
rectGeo.Rect = new Rect(0, 0, 300, 100);
inkPresenter.Clip = rectGeo;

01 <UserControl x:Class="SilverlightTest.MainPage"
02     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
03     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
04     xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
05     mc:Ignorable="d" Width="800" Height="600">
06   <Grid x:Name="LayoutRoot">
07         <InkPresenter  x:Name="inkPresenter"   Height="100" Width="300"  Cursor="Stylus" Canvas.Top="10" Canvas.Left="10"
08                        Background="Yellow" MouseLeftButtonDown="inkPresenter_MouseLeftButtonDown"
09                        MouseLeftButtonUp="inkPresenter_MouseLeftButtonUp" MouseMove="inkPresenter_MouseMove" Margin="92,126,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" d:LayoutOverrides="Width, Height" >
10             <InkPresenter.Clip>
11                 <RectangleGeometry x:Name="uxRect" Rect="0,0,300,100" />
12             </InkPresenter.Clip>
13         </InkPresenter>
14         <Button x:Name="uxRed" Click="uxRed_Click" Width="30" Height="30" HorizontalAlignment="Left" Margin="92,245,0,0" VerticalAlignment="Top" d:LayoutOverrides="Width, Height">
15             <Rectangle Fill="Red" Width="30" Height="30" />
16         </Button>
17         <Button x:Name="uxBlack" Click="uxBlack_Click"  Width="30" Height="30" HorizontalAlignment="Left" Margin="135,245,0,0" VerticalAlignment="Top" d:LayoutOverrides="Width, Height">
18          <Rectangle Fill="Black" Width="30" Height="30" />
19         </Button>
20         <Button x:Name="uxGreen" Click="uxGreen_Click"  Width="30" Height="30" HorizontalAlignment="Left" Margin="178,245,0,0" VerticalAlignment="Top" d:LayoutOverrides="Width, Height">
21          <Rectangle Fill="Green" Width="30" Height="30" />
22         </Button>
23     </Grid>
24 </UserControl>
25

001 using ...System;
002 using System.Collections.Generic;
003 using System.Linq;
004 using System.Net;
005 using System.Windows;
006 using System.Windows.Controls;
007 using System.Windows.Documents;
008 using System.Windows.Input;
009 using System.Windows.Media;
010 using System.Windows.Media.Animation;
011 using System.Windows.Shapes;
012
013 namespace SilverlightTest
014 ...{
015
016     public partial class MainPage : UserControl
017     ...{
018
019         //筆畫
020         private System.Windows.Ink.Stroke _newStroke;
021
022         //筆畫顏色
023         private System.Windows.Media.Color _currentColor = Colors.Blue;
024
025         //是否在 InkPresenter 上抓取滑鼠指標
026         private bool _isCaptureMouseCursor = false;
027
028         public MainPage()
029         ...{
030             InitializeComponent();
031
032             ////限定筆觸的範圍
033             //RectangleGeometry rectGeo = new RectangleGeometry();
034             //rectGeo.Rect = new Rect(0, 0, 300, 100);
035             //inkPresenter.Clip = rectGeo;
036         }
037
038
039         private void inkPresenter_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
040         ...{
041             //抓取滑鼠指標
042             inkPresenter.CaptureMouse();
043             _isCaptureMouseCursor = true;
044
045
046             //設定筆畫內容
047             _newStroke = new System.Windows.Ink.Stroke();
048             _newStroke.DrawingAttributes.Width = 9d;
049             _newStroke.DrawingAttributes.Height = 9d;
050             _newStroke.DrawingAttributes.Color = _currentColor;
051
052             //表示當使用者以手寫筆或滑鼠輸入筆墨筆劃時，所收集的單一點。
053             //這裡收集使用者輸入的觸點
054             _newStroke.StylusPoints.Add(e.StylusDevice.GetStylusPoints(inkPresenter));
055
056
057             _newStroke.DrawingAttributes.OutlineColor = Colors.Red;
058
059             //將收集好的單點集合新增到InkPresenter物件中
060             inkPresenter.Strokes.Add(_newStroke);
061
062         }
063
064         private void inkPresenter_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
065         ...{
066             //釋放滑鼠指標的抓取
067             inkPresenter.ReleaseMouseCapture();
068             _newStroke = null;
069             _isCaptureMouseCursor = false;
070         }
071
072         private void inkPresenter_MouseMove(object sender, MouseEventArgs e)
073         ...{
074
075             if (_isCaptureMouseCursor)
076             ...{
077                 if (_newStroke != null)
078                 ...{
079                     // 增加 StylusPoint
080                     _newStroke.StylusPoints.Add(e.StylusDevice.GetStylusPoints(inkPresenter));
081                 }
082             }
083         }
084
085        
086
087         private void uxRed_Click(object sender, RoutedEventArgs e)
088         ...{
089         
090             changeColor(Colors.Red);
091         }
092
093         private void uxBlack_Click(object sender, RoutedEventArgs e)
094         ...{
095             changeColor(Colors.Black);
096         }
097
098         private void uxGreen_Click(object sender, RoutedEventArgs e)
099         ...{
100             changeColor(Colors.Green);
101         }
102
103         void changeColor(Color nowColor)
104         ...{
105             _currentColor = nowColor;
106         }
107
108     }
109 }