Встроенный SVG в CSS: нельзя использовать & lt; image & gt; тег [дубликат]

Это уже ответили, но я все равно откажусь от ответа. Я реализовал простую консольную оболочку, которая не страдает от этой проблемы. Требуется jQuery.

Он реализует только методы log, warn и error, вам нужно будет добавить еще несколько, чтобы он был взаимозаменяемым с регулярным console.

var fixedConsole;
(function($) {
    var _freezeOne = function(arg) {
        if (typeof arg === 'object') {
            return $.extend(true, {}, arg);
        } else {
            return arg;
        }
    };
    var _freezeAll = function(args) {
        var frozen = [];
        for (var i=0; i<args.length; i++) {
            frozen.push(_freezeOne(args[i]));
        }
        return frozen;
    };
    fixedConsole = {
        log: function() { console.log.apply(console, _freezeAll(arguments)); },
        warn: function() { console.warn.apply(console, _freezeAll(arguments)); },
        error: function() { console.error.apply(console, _freezeAll(arguments)); }
    };
})(jQuery);
2
задан Steve 26 April 2016 в 06:18
поделиться

1 ответ

Ваш URL-адрес данных состоит из большого количества ссылок на внешние изображения, такие как

<image preserveAspectRatio="none" x="310.15625" y="281" width="256px" height="256px" xlink:href="http://ecn.t0.tiles.virtualearth.net/tiles/r311213001300102.jpeg?g=5171&amp;mkt=en-US&amp;shading=hill" clip-path="url(#kdef7)" />

. При использовании в качестве изображения в вашем случае с помощью тега изображения SVG должен состоять из одного файла, чтобы вы вам придется кодировать каждое из этих изображений в виде URL-адресов данных, а затем после того, как вы сделали это, перекодируйте весь файл SVG в качестве URL-адреса данных.

1
ответ дан Robert Longson 3 September 2018 в 17:43
поделиться