个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
29
4
谁能指出这段代码有什么问题？
HTML:
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<style type="text/css">@import "js/jquery.svg/jquery.svg.css";</style>
<script type="text/javascript" src="js/jquery.svg/jquery.svg.js"></script>
<script type="text/javascript" src="js/svg.js"></script>
<body>
<div id="svgintro" style="height:800px"></div>
</body>
</html>
JavaScript:
var defs=svg.defs();
svg.linearGradient(defs, 'gradient', [[0, 'white', 1], [1, 'red', 1]], 0, 0, 0, 100, {gradientUnits: 'userSpaceOnUse'});
svg.rect(20, 400, 1500, 40, 10, 10, {fill:'url(#gradient)'});
它总是显示一种颜色。
谢谢。
解决方案:
svg.linearGradient(defs, 'gradient', [['0%', 'white'], ['100%', 'red']], 20, 400, 20, 440, {gradientUnits: 'userSpaceOnUse'});
最佳答案
据我所知，这里的问题是 linearGradient 的 x1, y1, x2, y2 属性是绝对坐标，而不是相对于您要应用渐变的对象。所以你的渐变在 y:100 结束，但你的矩形的顶部在 y:400，所以它只会应用渐变的红色部分。
参见 http://jsfiddle.net/nrabinowitz/VTKj2/1/例如，显示顶部位于 y:20 的矩形已正确应用渐变。
关于javascript - linearGradient 以一种颜色显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8809927/
29
4
0
我需要将 CSS LinearGradient 转换为 Flutter LinearGradient 这是 CSS 代码: background-image: linear-gradient(134d
我需要将 CSS LinearGradient 转换为 Flutter LinearGradient 这是 CSS 代码: background-image: linear-gradient(134d
我正在尝试制作一个从透明逐渐变为白色的容器。我会把它放在东西上面，这样看起来后面的内容正在逐渐消失到背景的白色中。 当我尝试使用 LinearGradient 执行此操作时，我得到了这种奇怪的灰色。
我正在尝试制作一个从透明逐渐变为白色的容器。我会把它放在东西上面，这样看起来后面的内容正在逐渐消失到背景的白色中。 当我尝试使用 LinearGradient 执行此操作时，我得到了这种奇怪的灰色。
谁能指出这段代码有什么问题？ HTML: Insert title here @import "js/jquery.svg/jquery.svg.css"; JavaSc
我尝试在布局中绘制 LinearGradient，但渐变不适合我的 View 。 我看到的不是渐变，而是一种颜色。 我认为这是因为我没有给出正确的 View 维度 这是我的代码: backGround
我有以下带有 LinearGradient 的代码，它看起来与所有其他示例非常相似。 public class CustomColourBar extends View { public Custom
我试图找到旋转嵌套到例如中的 LinearGradient 对象的方法。 Rectangle 对象，说: Rectangle rect = new Rectangle(0, 0, 200, 200);
我一直在更新一个应用程序中的一些旧代码，该应用程序在 onDraw 中有很多重新分配的消息: Avoid object allocations during draw/layout operation
你好! 是否有创建在起始颜色和最终颜色之间平滑过渡的 LinearGradient 的解决方案？ new Container( decoration: new BoxDecoratio
有什么方法可以使用 LinearGradient 构建渐变，然后在其停靠点的某个位置访问它的颜色？ 例子: LinearGradient gradient = LinearGradient( co
我有一个用作 OpacityMask 的 LinearGradientBrush，我希望我的动画旋转渐变，所以我试图为 StartPoint 和 EndPoint 的位置设置动画，但我无法让它工作几个
使用 SVG 的新手。我有一个工作演示，它在 x 轴上从左到右有一个线性渐变渐变，但是我试图在 y 轴上从下到上获得相同的效果。尝试了几种不同的方法，但无法使其正常工作。 https://codepe
是否有任何选项可以保持动画结束时的渐变位置？ 最佳答案 您必须为 a
当我在 fiddle 中使用线性渐变作为背景颜色时: http://jsfiddle.net/dkzn5/ html代码在哪里: 1 个示例箭头 溢出的文字必须隐藏，可见的文字必须在单行 2 在
我创建了使用两个路径 sec1 和 sec2 的简单示例。对于这两个路径，我都使用带有 ID step1 和 step2 的 linearGradient。第一部分 (sec1) 很好，第二部分 (s
我正在尝试使用 Shader 和 LinearGradient 向我的 TextView 中的文本添加线性渐变。仅当我使用 Color.LTGRAY、Color.MAGENTA 等标准颜色时才有效。如
我想在我的 SeekBar 中设置一个带有线性渐变的自定义 drawable 作为栏的背景 drawable。我在以下代码 fragment 的第二条语句中创建了 LinearGradient，并按如
问题:我正在尝试在 SwiftUI 中以矩形呈现对角线线性渐变。 我实现了一个标准的多点线性渐变，它在呈现为正方形时效果很好，但是当我将框架更改为矩形时，它有一些奇怪的行为，看起来更水平，或者有一些奇
我想在自定义形状内绘制渐变。我已使用该属性(property) 填充颜色之前并尝试使用该属性 填充渐变现在。我会说形状很好 - 至少它看起来像预期的 :) 无论如何都不好的是这种渐变的东西。它只是
我是一名优秀的程序员,十分优秀！