大佬教程收集整理的这篇文章主要介绍了html5 – SVG线性渐变在Safari中不起作用,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在这里创建了一个演示(适用于Chrome,而非Safari):http://jsfiddle.net/sjKbN/
我遇到了this answer,建议将内容类型设置为application / xhtml xml,但这本身似乎会导致其他问题.
只是想知道是否有人遇到任何其他修复或想法,以使这工作.
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-BACkground="new 0 0 300 300" xml:space="preserve"> <defs> <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="5.6665" y1="149.5" x2="293.333" y2="149.5"> <stop offset="0" style="stop-color:#FFF33B"/> <stop offset="0.0595" style="stop-color:#FFE029"/> <stop offset="0.1303" style="stop-color:#FFD218"/> <stop offset="0.2032" style="stop-color:#FEC90F"/> <stop offset="0.2809" style="stop-color:#FDC70C"/> <stop offset="0.6685" style="stop-color:#F3903F"/> <stop offset="0.8876" style="stop-color:#ED683C"/> <stop offset="1" style="stop-color:#E93E3A"/> </linearGradient> </defs> <rect x="5.667" y="5.333" fill="url(#SVGID_1_)" width="287.667" height="288.333"/> </svg>
似乎鼓励在defs中包含你的引用但不是强制性的according to spec.所以这是Safari中的一个错误.
以上是大佬教程为你收集整理的html5 – SVG线性渐变在Safari中不起作用全部内容,希望文章能够帮你解决html5 – SVG线性渐变在Safari中不起作用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。