Wpf InkCanvas는 stv를 svg로 저장합니다.

Question

InkCanvas 스트로크 컬렉션을 svg 이미지로 저장할 수 있습니까? 내가 찾은 것 중 하나는 스트로크를 ISF (Ink Serialized Format)가 내장 된 GIF로 저장하거나 비트 맵으로 렌더링 할 수 있다는 것입니다. 스트로크를 벡터 형식으로 저장하여 다른 플랫폼 (예 : 웹)과 상호 운용 할 수 있습니다.

Answer 1

나는 그것을 알아 냈다. 여기

는

1. 으로 반복 StrokeCollection
2. 을 통해 단계 GetGeometry 함수를 호출하고 GetOutlinedPathGeometry를 호출하여 각 Stroke의 PathGeometry을 얻을 수 있습니다.
3. 중에서 Figures을 얻으십시오. PathGeometry을 XAML에 저장하고 Figures 특성을 구문 분석하여이 작업을 수행하고 있습니다 (XElement.Parse).
4. 그럼 이제는 svg 문서를 만들고 각 경로를 추가 할 수 있습니다 (아래 코드 참조).

저는 SVG Rendering Library을 사용하여 SVG 문서를 만듭니다.

var svg = new SvgDocument(); 
var colorServer = new SvgColourServer(System.Drawing.Color.Black); 

var group = new SvgGroup {Fill = colorServer, Stroke = colorServer}; 
svg.Children.Add(group); 

    foreach (var stroke in InkCanvas.Strokes) 
    { 
     var geometry = stroke.GetGeometry(stroke.DrawingAttributes).GetOutlinedPath‌​Geometry(); 

     var s = XamlWriter.Save(geometry); 

     if (s.IsNotNullOrEmpty()) 
     { 
      var element = XElement.Parse(s); 

      var data = element.Attribute("Figures")?.Value; 

      if (data.IsNotNullOrEmpty()) 
      { 
       group.Children.Add(new SvgPath 
       { 
        PathData = SvgPathBuilder.Parse(data), 
        Fill = colorServer, 
        Stroke = colorServer 
       }); 
      } 
     } 
}