大多数Kinetic.JS SVG图像都没有出现在Safari中

Question

我尝试做的就是使用Kinetic.js图像在画布上绘制一些svg图像。因此，我将其中的许多从Adobe Illustrator导出到svg，并且在我打开iPad iOS 7.1 Safari之前测试它的每个浏览器都渲染了一切，看到他只从50个中抽取2个图像！奇怪的是，当我直接在Safari中打开svg时，它们运行良好，但如果我试图在画布上绘制它们，则只会出现其中一些。

以下是两张图片的示例 - 其中一张图片在Safari中工作正常，而另一张图片甚至无法显示：

http://jsbin.com/fitefiya/4/edit

var imgObj = new Image();

imgObj.onload = function(){
    var testPicture = new Kinetic.Image({
        x: 100,
        y: 100,
        width: imgObj.width,
        height: imgObj.height,
        image: imgObj
    });

    testLayer.add(testPicture);
    testLayer.draw();

    console.log('image was loaded');
};
//this don't work only on iPad Safari, but works well in any other browser
imgObj.src = 'https://dl.dropboxusercontent.com/s/42i35ug37uiwg6d/titleBooks.svg';

//this svg work well even on Safari
//imgObj.src = 'https://dl.dropboxusercontent.com/s/1q7cduvxdktvcbg/titleStartButton.svg';