如何解决Safari 14.1:不正确/不一致的 svg 模式渲染行为与模式:这是一个错误吗?
附件是一个在 Safari 14.0.1 中运行良好但在 Safari 14.1 中表现不同的模式示例。这是错误还是我使用 svg 模式的方式有问题?
提前致谢,
布莱恩
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Reproduce svg pattern inconsistancy on Safari 14.1</title>
</head>
<body>
<svg id="newtonian-svg-id-5" focusable="false" role="presentation" x="0" y="0" width="426" height="400">
<defs>
<pattern id="pictograph-person-id" width="34" height="40" patternUnits="userSpaceOnUse" patternTransform="translate(129 5) scale(0.515789 0.515789)">
<rect x="0" y="0" width="34" height="40" fill="url(#pattern-1)"></rect>
</pattern>
<pattern id="pattern-1" width="34" height="40" patternUnits="userSpaceOnUse" fill="#b757de" patternTransform="translate(8 2)">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="36">
<path d="M 9 0 A 4.9999994 4.9999994 0 0 0 4 5 A 4.9999994 4.9999994 0 0 0 9 10 A 4.9999994 4.9999994 0 0 0 14 5 A 4.9999994 4.9999994 0 0 0 9 0 z M 7.7226562 10.5 C 6.7414254 10.5 5.859104 10.883945 5.1953125 11.5 L 3.796875 11.5 C 1.6938953 11.5 0 13.193885 0 15.296875 L 0 22.703125 C 0 24.806105 1.6938953 26.5 3.796875 26.5 L 4 26.5 L 4 32.277344 C 4 34.340154 5.6598365 36 7.7226562 36 L 10.277344 36 C 12.340154 36 14 34.340154 14 32.277344 L 14 26.5 L 14.203125 26.5 C 16.306105 26.5 18 24.806105 18 22.703125 L 18 15.296875 C 18 13.193885 16.306105 11.5 14.203125 11.5 L 12.804688 11.5 C 12.140895 10.883945 11.25857 10.5 10.277344 10.5 L 7.7226562 10.5 z">
</path>
</svg>
</pattern>
</defs>
<rect x="129" y="5" width="17.53684210526316" height="392" rx="0" fill="url(#pictograph-person-id)" fill-opacity="1" data-record="mark-0-0-0" style="pointer-events: auto;"></rect>
</svg>
</body>
</html>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。