Ios 大多数Kinetic.JS SVG图像都没有'；不要出现在狩猎中

我所要做的就是使用Kinetic.js image在画布上绘制一些svg图像。因此，我将其中的许多内容从Adobe Illustrator导出到svg，在打开iPad iOS 7.1 Safari之前，我在每个浏览器中都进行了测试，结果发现他只从50幅图片中绘制了2幅！奇怪的是，当我在Safari中直接打开svg时，它们工作得很好，但如果我试图在画布上绘制它们，则只会出现其中的一些

下面是两幅图像的示例-其中一幅在Safari中工作正常，而另一幅甚至没有出现：

---

问题在于移动Safari资源的大小限制，我认为这不应该影响矢量图像。但确实如此

以下是更多信息：

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';