Question

在chrome 71下，无法访问

svg异物内容，但是chrome 70可以正常工作。

演示 https://codepen.io/chenwei979/pen/GPOJzX

<svg _ngcontent-c53="" version="1.1" xmlns="http://www.w3.org/2000/svg" width="1330" height="770" transform="scale(1)">
    <g _ngcontent-c53=""></g><foreignObject transform="translate(26 18)
                      rotate(0)
                      scale(1 1)" width="180" height="56" style="overflow: visible;">

<img _ngcontent-c55="" alt="" class="mimic-button" draggable="false" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJidXR0b24iIAoJCQkJCQkJCXdpZHRoPSIxODAiIGhlaWdodD0iNTYiIAoJCQkJCQkJCXZpZXdCb3g9IjAgMCAxODAgNTYiPgogICAgICAgICAgICAgICAgICAgIDxkZWZzPgogICAgICAgICAgICAgICAgICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAuYmFja2dyb3VuZCB7CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3Ryb2tlOiByZ2IoMjE3LCAyMTcsIDIxNyk7CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoOiAxOwogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpbGw6ICM1NTcwQzQ7CiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAudGV4dCB7CgkJCQkJCQlmb250LXNpemU6IDI4cHg7CgkJCQkJCQlmb250LWZhbWlseTogVGltZXMgTmV3IFJvbWFuOwoJCQkJCQkJZmlsbDogI2ZmZjsKCQkJCQkJCXRleHQtYW5jaG9yOiBtaWRkbGU7CgkJCQkJCX0KICAgICAgICAgICAgICAgICAgICAgICAgPC9zdHlsZT4KICAgICAgICAgICAgICAgICAgICA8L2RlZnM+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9ImJ1dHRvbi1iYWNrZ3JvdW5kIiBjbGFzcz0iYmFja2dyb3VuZCIgcng9IjE0IiByeT0iMTQiIAogICAgICAgICAgICAgICAgICAgIHdpZHRoPSIxNzkiIGhlaWdodD0iNTUiIAogICAgICAgICAgICAgICAgICAgIHg9IjAuNSIgeT0iMC41Ii8+CiAgICAgICAgICAgICAgICAgICAgPHRleHQgaWQ9ImJ1dHRvbi10ZXh0IiBjbGFzcz0idGV4dCIgeD0iOTAiIHk9IjI4IiBkeT0iMC43ZXgiPkJ1dHRvbjwvdGV4dD4KICAgICAgICAgICAgICAgIDwvc3ZnPg==" style="width: 100%; height: 100%;">

    </foreignObject><svg>

<svg _ngcontent-c56="" style="overflow: visible">
    <rect _ngcontent-c56="" transform="translate(64 100)
                      rotate(0)
                      scale(1 1)" width="113" height="93" style="display: inline; width: 113px; height: 93px; fill: rgb(255, 255, 255); stroke: rgb(128, 128, 128); stroke-width: 1;"></rect>
</svg>

    </svg><foreignObject transform="translate(229 17)
                      rotate(0)
                      scale(1 1)" width="157" height="91" style="overflow: visible;">

<pre _ngcontent-c57="" alt="" class="inline-block" style="color: rgb(126, 211, 33); font-size: 79.7321px; font-family: Calibri; font-weight: normal; font-style: normal; text-decoration: none; line-height: 1.1; display: inline-block; overflow: visible;">label</pre>

    </foreignObject>
</svg>

chrome 71中无法达到svg外物含量

0 个答案: