大多数 Kinetic.JS SVG 图像不会出现在 Safari 中答案

【问题标题】：Most of Kinetic.JS SVG images doesn't appear in Safari大多数 Kinetic.JS SVG 图像不会出现在 Safari 中
【发布时间】：2014-05-19 21:44:56
【问题描述】：

我要做的就是使用 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';

【问题讨论】：

标签： ios html svg safari kineticjs

【解决方案1】：

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

【讨论】：