raphaeljs无法处理svg中的旋转矩形

我将corel矢量文件导出到svg，然后通过raphael js svg库导入html/js

显然，当通过raphael JS渲染时，corel文件中旋转的任何“矩形”都会导致各种问题

一个问题是矩形周围奇怪的厚边框（参见web浏览器的右侧屏幕截图）。另一个问题（未显示）是旋转的矩形不是幸存的raphael变换（例如：

my_raphael_set.transform（“s.2.2,0,0”）

）

除了进入corel并更改每个旋转矩形的解决方案外，还有以下建议：

• 为什么。。。这是真的吗
• 怎么。。。要修好它吗

通过firebug查看两个矩形之间的比较：

// BAD rectangle .... rotated by corel-author .... 
//                    generates 'transform' property into svg-element
 <rect x="0" y="0" 
       width="4.8969" 
       height="0.937656" 
       r="0" rx="0" ry="0" 
       fill="#00cccc" 
       stroke="#000000" 
       transform="matrix(8.2365,0.3452,0.3452,-8.2365,218.414,436.808)" 
       style="fill-opacity: 0.5;" 
       stroke-width="0.5" 
       data-svg="rect" 
       data-svg-group="Layer_x0020_1" 
       fill-opacity="0.5">



// GOOD rectangle .... not-rotated by corel-author .... 
//                     no 'transform' property into svg-element     
 <rect x="140.07" y="418.729" 
       width="40.3688" 
       height="7.72979" 
       r="0" rx="0" ry="0" 
       fill="#00cccc" 
       stroke="#000000" 
       style="fill-opacity: 0.5;" 
       stroke-width="0.5" 
       data-svg="rect" 
       data-svg-group="Layer_x0020_1" 
       fill-opacity="0.5">

//错误的矩形。。。。由corel作者旋转。。。。
//将“transform”属性生成为svg元素
//好长方形。。。。不由corel作者旋转。。。。
//没有将“transform”属性转换为svg元素

一种可能的解决方案：在corel中，对旋转矩形使用排列>转换为曲线

---

理想情况下，我希望raphael能够以某种方式“处理”旋转的矩形，但corel修复毕竟是一个修复。

我认为现实情况下，您需要在JSFIDLE或其他东西上放置一些示例隔离代码和svg。