问题标签 [linear-gradients]

正如我们在 SVG 中所知道的，角度线性渐变是通过设置属性 x1,x2,y1,y2 来实现的。但是，如果我们只得到角度，

1.x1,y1,x2,y2的结果如何计算？

2.这个公式tan（角度）=（y2-y1）/（x2-x1）是否正确？如何计算所有参数。

<g>如何在 SVG 图像中为 a 填充一个渐变，而不是填充<g>所选中的所有 s <g>？

在这种情况下，我想展示非洲，仅填充一个从黄色到红色的渐变，但由于子组的存在，填充会产生许多渐变。

的JavaScript：

SVG：

我该如何解决这个问题？
如何在不向<g>原始图像添加另一个标签的情况下解决此问题？

我正在尝试制作一条灰线，它逐渐变透明。我创建了一个 1x100px 的 div，并添加了 css 渐变来制作淡入淡出效果。

它工作正常，除了在 IE 中 div 有一个蓝色边框，我无法摆脱它。

这是我的 div 的 CSS

我试图检查 div 并使其更高，渐变似乎有效，但颜色为蓝色，并添加了边框。为什么？

我最近尝试将渐变背景应用于仅使用 CSS3 的网页。在测试以下代码时：

结果是：

不完全是我想要的......知道发生了什么吗？操作系统是 Win7 64bit 和 Firefox 4。谢谢！

我在 Firefox 中做了这个背景，但我无法在 webkit/chrome 中复制它（我尝试了几种替代方法，但没有）：

什么是正确的翻译？有可能实现相同的模式吗？（或至少一个非常接近的）。

谢谢！

如何使用我的线性渐变图案条 mystrip.jpg (1x1024 px) 作为网页的主体背景？我需要水平重复，并使其高度为身体高度的 100%。

我试过了

但是每当我的正文内容超过 1024px 高度时，我可以清楚地看到我的条形图案的底部边框。

谢谢

卢卡

Opera 11.10 Ubuntu 10.04 64 Bit : WORKING

Opera 11.11 Windows 7 64 Bit : NOT WORKING

Any ideas?

我今天一直在整理一个页面，并认为我会使用 CSS3 实现条纹背景。除 Firefox 外，所有浏览器中的一切似乎都很好。（我使用的是 5.01，但也签入了 5.0）

代码很简单：

在 Chrome 和 opera 中运行良好，但实际上会使 FF 崩溃。

显然，我知道我可以通过重复的背景图像来实现这种效果，但我想知道是否有其他人有类似的问题，或者它只是 CSS3 的初期问题；）

在 jsfiddle 中进行测试会产生同样的问题，我没有做任何事情，因为我不想负责让你崩溃！

哦，这不是电脑速度慢的问题，我在 i7、8gb 内存上，等等。

我认为这是 background-size 属性的问题，好像你增加它或完全删除它然后问题就解决了，但是它不适合我，除非我可以使用 background-size。

这里真的很业余的问题 - body background-gradient 在 chrome 中不起作用，很奇怪，我试过了：

和

和

一切都无济于事！适用于所有其他浏览器...

我找不到任何可以做我想做的事情的 CSS 渐变颜色生成器。没有混合的对角渐变，只是从#252525到的颜色急剧变化#0099ff（例如），两种颜色相交的线距容器左侧约 70%，因此该线将从容器左侧开始略多于一半容器的 x 轴，这条线可能会在容器右侧的 y 轴的中间结束。

如果您能够强调哪些数字专门用于计算倾斜度，以及渐变开始的 xy 坐标，那将非常有帮助。我只是在这一点上感到困惑。