Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何使用<;模式>;在Chrome&;游猎_Css_Google Chrome_Design Patterns_Svg_Safari - Fatal编程技术网

Css 如何使用<;模式>;在Chrome&;游猎

Css 如何使用<;模式>;在Chrome&;游猎,css,google-chrome,design-patterns,svg,safari,Css,Google Chrome,Design Patterns,Svg,Safari,当设置负比例时,Safari 7.0&8.0&Chrome 40.X将不显示带有填充的SVG 研究表明,这可能是由于最近的Chrome问题: 经过几个小时的研究,我无法找到Safari 8.0或7.0的任何已知问题。请注意,此问题已在Safari 8.1.2中修复 有人知道如何在Chrome 40.X和Safari 7.0和8.0的SVG背景中正确显示图像吗?我已经确认移除负刻度确实解决了这个问题,但我更希望不必移除刻度。还有其他想法吗 以下是SVG的代码: <svg style="st

当设置负比例时,Safari 7.0&8.0&Chrome 40.X将不显示带有填充的SVG

研究表明,这可能是由于最近的Chrome问题:

经过几个小时的研究,我无法找到Safari 8.0或7.0的任何已知问题。请注意,此问题已在Safari 8.1.2中修复

有人知道如何在Chrome 40.X和Safari 7.0和8.0的SVG背景中正确显示图像吗?我已经确认移除负刻度确实解决了这个问题,但我更希望不必移除刻度。还有其他想法吗

以下是SVG的代码:

<svg style="stroke-width: 20px; stroke-dasharray: 50, 50; stroke-opacity: 1; stroke: rgb(172, 245, 82); transition: stroke 500ms ease 500ms; stroke-linecap: round; stroke-linejoin: round;" fill="url(#a_fabricPattern)" class="svg-container svgStroke" version="1.1" id="a_svgContainer" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 1000 1020" xml:space="preserve">
    <defs>
        <pattern patternUnits="userSpaceOnUse" id="a_fabricPattern" width="5730" height="4650" x="0" y="0">
            <image x="0" y="0" id="fabricBgID" width="5730" height="4650" xlink:href="http://blob.apliiq.com/sitestorage/cropped-fabrics/805_573_465.jpg"></image>
        </pattern>
    </defs>
    <g id="svgGtag">
        <g transform="translate(0,1020) scale(0.130000,-0.130000)">
            <path d="M1222 6277 l-262 -262 0 -2240 0 -2240 218 -218 217 -217 1171 0
            1171 0 246 254 247 254 0 2210 0 2210 -257 256 -258 256 -1115 0 -1115 0 -263
            -263z m1948 -2477 l0 -1760 -575 0 -575 0 0 1760 0 1760 575 0 575 0 0 -1760z"></path>
            <path d="M5104 6407 c-77 -73 -205 -193 -285 -267 -79 -74 -197 -184 -262
            -246 l-117 -111 2 -334 3 -334 188 -5 187 -5 3 -1522 c2 -1261 0 -1524 -11
            -1528 -8 -3 -102 -5 -209 -5 l-195 0 6 -31 c3 -17 6 -231 6 -475 l0 -444 945
            0 945 0 0 475 0 475 -197 2 -198 3 -3 2243 -2 2242 -333 0 -332 -1 -141 -132z"></path>
        </g>
    </g>
</svg>


我看到一个零和一个充满可爱企鹅:D现在我能帮你什么吗?嗨,波斯,使用Chrome 40.X或Safari 7.0或8.0检查你的JSFIDLE链接,你将不再看到可爱企鹅。在矩阵中使用它可以解决问题:(