<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<meta name="Generator" content="Microsoft Word 14 (filtered medium)">
<style><!--
/* Font Definitions */
@font-face
{font-family:"MS Mincho";
panose-1:2 2 6 9 4 2 5 8 3 4;}
@font-face
{font-family:"MS Mincho";
panose-1:2 2 6 9 4 2 5 8 3 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:"\@MS Mincho";
panose-1:2 2 6 9 4 2 5 8 3 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;
font-family:"Calibri","sans-serif";}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang="EN-US" link="blue" vlink="purple">
<div class="WordSection1">
<p class="MsoNormal">I’m pretty new to working with Cairo rendering, and apologize if this is the wrong forum.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">I’m prototype an embedded display using wxPython, Cairo, RSVG, and Inkscape (to generate SVGs). I’ve written a simple animator which lets me blink/fade/move etc. parts of the displayed image by adding transformer and css styles based on
the SVG element’s ID. Unfortunately, when the component is drawn larger (for example, full-screen on a monitor vs. windowed in a form), the framerate decreases significantly. I’ve profiled the code, and the slowdown is in the rsvg.Handle(data=svg_xml_data).render_cairo(context_to_render_to)
call.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">I had thought that since SVG is numerical paths rather than bitmap data, I wouldn’t have a performance change based on the size of the display. I did find a reference (
<a href="http://python.6.x6.nabble.com/Displaying-SVG-in-tkinter-using-cairo-and-rsvg-td1173198.html">
http://python.6.x6.nabble.com/Displaying-SVG-in-tkinter-using-cairo-and-rsvg-td1173198.html</a>) mentioning that the render may slow down based on the pixel buffer size which makes sense.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Is there any suggested solution for avoiding this? I’m wondering if it might be better to render the SVG at a fixed resolution, and then scale/interpolate in some other way. It seems like there’s not much information on RSVG. I know
this list is primarily Cairo discussion, but was wondering if anybody has another favorite tool for rendering SVG data via Cairo?<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Thanks,<o:p></o:p></p>
<p class="MsoNormal">Louis<o:p></o:p></p>
</div>
</body>
</html>