SVG transform="rotate(180)“在Safari11中不起作用

SVG transform="rotate(180)"在Safari11中不起作用是因为Safari11对于SVG的transform属性的实现存在一些兼容性问题。在Safari11中，当使用transform属性进行旋转时，可能会出现旋转不生效的情况。

解决这个问题的方法是使用CSS的transform属性来代替SVG的transform属性。可以通过在SVG元素的样式中添加transform属性来实现旋转效果。例如，可以使用以下CSS样式来实现旋转180度的效果：

.rotate {
  transform: rotate(180deg);
}

然后，在SVG元素中添加class="rotate"来应用这个样式：

<svg>
  <rect class="rotate" width="100" height="100" />
</svg>

这样就可以在Safari11中实现旋转180度的效果了。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云SVG文档：腾讯云提供了详细的SVG文档，包含了SVG的基本概念、用法和示例等内容，可以帮助开发者更好地理解和使用SVG。
• 腾讯云云服务器：腾讯云云服务器是一种灵活可扩展的云计算服务，提供了高性能、高可靠性的虚拟服务器，适用于各种应用场景，包括前端开发、后端开发、数据库、服务器运维等。
• 腾讯云对象存储：腾讯云对象存储是一种安全、稳定、高可用的云存储服务，适用于存储和管理各种类型的数据，包括音视频、多媒体文件等。
• 腾讯云人工智能：腾讯云人工智能提供了丰富的人工智能服务和工具，包括语音识别、图像识别、自然语言处理等，可以帮助开发者快速构建智能化的应用。
• 腾讯云物联网：腾讯云物联网提供了全面的物联网解决方案，包括设备接入、数据存储、数据分析等功能，可以帮助开发者实现物联网应用的快速开发和部署。
• 腾讯云区块链：腾讯云区块链是一种安全、高效的区块链服务，提供了区块链网络搭建、智能合约开发等功能，适用于各种区块链应用场景。
• 腾讯云元宇宙：腾讯云元宇宙是一种虚拟现实技术，可以创建和展示虚拟世界，适用于游戏、娱乐、教育等领域。