个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
<head>
<title></title>
</head>
<body>
<canvas id="mycanvas" width="800" height="600" style="border: 1px solid black;">
upload yor browser old man!
</canvas>
<script type="text/javascript">
var c = document.getElementById("mycanvas");
var cxt = c.getContext( "2d" );
grad = cxt.createLinearGradient( 0 , 0 , 200 , 200 );
grad.addColorStop( 0 , "blue" );
grad.addColorStop( 1 , "green" );
cxt.fillStyle = grad;
cxt.arc( 400 , 300 , 250 , 0 , Math.PI * 2 , true );
cxt.fill();
</script>
</body>
我正在尝试将渐变放入圆圈中，问题是圆圈只是绿色，渐变失去了蓝色，或者渐变不起作用。谢谢。
最佳答案
这是因为你的渐变在你的圈子开始之前就结束了:
var c = document.getElementById("mycanvas");
var cxt = c.getContext( "2d" );
grad = cxt.createLinearGradient( 0 , 0 , 200 , 200 );
grad.addColorStop( 0 , "blue" );
grad.addColorStop( 1 , "green" );
cxt.fillStyle = grad;
cxt.rect(0,0,c.width, c.height);
cxt.fill();
cxt.strokeStyle = "#000";
cxt.arc( 400 , 300 , 250 , 0 , Math.PI * 2 , true );
cxt.fill();
cxt.stroke();<canvas id="mycanvas" width="800" height="600" style="border: 1px solid black;">
</canvas>关于javascript - 渐变到圆圈，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28912853/
24
4
0
我需要移动一个对象，在我的例子中是给定路径上的一个字符串。实际上路径可以是半圆。如附图所示，字符串应该出现在另一个物体的后面，沿着路径移动并消失在第二个物体(两个图像)后面。我不知道如何开始...希望
我需要构建一个圆形(在 css 中)，它有 2 行文本，可以根据选择的翻译改变长度并始终居中。 到目前为止我有这个: h3 { background-color: #fcd141; borde
是否可以在 CSS3 中使用 -webkit-border-radius 绘制一个圆，同时将宽度和高度限制为特定变量(例如 height:100px 和 width:100px) 所以当在圆圈内添加文
我正在尝试在方形图像上叠加一个圆圈。文本需要在圆圈中水平和垂直居中。 我几乎用正方形 div 做对了，但是一旦我将图像放入组合中，圆圈就会移动到图像下方。 我的代码。 .Container { w
使用 CSS，我有一个将图标放置在圆圈/圆盘中的显示。 这是我的例子: 但我很难将图标放在圆圈/圆盘的中心。 我已经搜索过 SO(找到 this post 但更改行高只会扩展圆盘/圆圈)和 Googl
我正在尝试在一行中制作几个带有文本的 css 圆圈。当我使用 circle 类来 img 时，圆圈是内联的，但我无法添加任何文本。当我使用 circle class 到 div 时，我可以添加文本，但
我尝试在单击“提交”按钮时显示 ProgessBar。它会在数据加载完成时隐藏。但是，progressBar 没有覆盖整个屏幕。相反，它被按钮覆盖。请引用屏幕截图，它应该更容易理解我的意思。 我要实现
这个问题在这里已经有了答案: Circle with two borders (4 个答案) 关闭 7 年前。 我有一个只有一个边框的圆圈，但我想知道是否有办法实现一个有两个不同颜色边框的圆圈。我有
我正尝试按照以下示例在 CSS 中创建一个带有镶嵌边框的圆圈: 我有以下 HTML 和 CSS，但它没有产生我需要的效果: .inlay-circle { width: 15rem; heig
我找到的每个指南都有相同的线条和填充颜色。我想要的只是一个带有红线和白色填充的圆圈。 我试过: .circle { border: red; background-color: #FF
我正在寻找一种用纯色和图像填充 SVG 圆圈的方法。 我现在尝试的是使用这段代码: 它用我的背景图片绘制
我目前正在组建一个将托管用户的网站。每个用户都会有一个个人资料页面，该页面将显示 SVG 圆数组，每个用户在数据库的用户表中自己的行中也有一个相应的 SVG_number。 例如，如果 User1 在
我正在尝试在 SVG 中创建三组圆圈。我给他们打电话circleA circleB和circleC我打算给它们涂上不同的颜色。 var circleA = [ [50,48],[106,35]
使用 snapsvg.io，我想知道是否可以添加可点击的链接，例如 My Link标记到 SVG 文本、圆圈或线条。 我这里的一个例子是文本: var s = Snap("#svg"); var te
所以这是我的一个小项目，只是为了好玩。我尝试使用 libgdx 在 Java 中重新创建随机 Walker。 现在我认为我的代码非常成功，因为它工作正常(也许)。 但是有一个问题，圆比其他轴更倾向于向
我想在 CSS 中创建一个在右边和底部有线条的圆。类似下图。我找到了一个 css code水平连接圆圈。我不知道如何垂直添加线条或类似于我附加的图像？
以下圆形标签位于标签内: 现在我必须将生成的圆圈附加到标签内，例如 更新: function createCircle(a) { var circle = document.
我希望圆圈类似于饼图，具有相同的不同颜色切片。出于某种原因，我画了一个圆，在带有颜色的一侧有弧形，中间有一个白色八边形。 for(var i=0;i<8;i++){ ctx.beginPath
我有一个场景，我必须在样条图中创建标记/圆圈。我使用 highcharts 创建了样条图表，图表的代码如下。 我的输出应该如下所示。我已经在图像中标记了预期的圆圈: $(function ()
给定以下示例: 是否有可能检测到网络中的环路 (I1, I2,I3, C6, C7, I5)？ 我试过:simple_cycles → 它适用于 3 个节点，但不能超过 3 个。 我需要检测包含所有节
我是一名优秀的程序员,十分优秀！