jjzjj

HTML Canvas - 圆圈周围的虚线描边

coder 2023-08-07 原文

我知道没有原生支持在 Canvas 上渲染点划线，但我已经看到人们已经能够生成对此的支持的巧妙方法。

我想知道是否有任何方法可以将其转换为允许在形状(特别是圆形)周围渲染虚线笔划？

最佳答案

使用 context.setLineDash() 的最简单方法

ctx.beginPath();
ctx.setLineDash([5, 5]);
ctx.beginPath();
ctx.arc(100, 60, 50, 0, Math.PI * 2);
ctx.closePath();
ctx.stroke();

关于HTML Canvas - 圆圈周围的虚线描边，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6295564/

线描圆圈sectionsetLineDashctxhtmlcanvasrenderingdotted-line

有关HTML Canvas - 圆圈周围的虚线描边的更多相关文章

  1. ruby - 使用 RMagick 从图像中切出圆圈 - 2

    我想使用rmagick从图像中剪出一个圆圈。这是我希望能够完成的示例:-->好像我想用http://studio.imagemagick.org/RMagick/doc/draw.html#circle切一个圆，然后clip_path来掩盖它，但文档不是很清楚。谁能给我指出正确的方向？ 最佳答案 require'rmagick'im=Magick::Image.read('walter.jpg').firstcircle=Magick::Image.new200,200gc=Magick::Draw.newgc.fill'black

  2. ruby - 如何在 vim 中删除 ruby​​ 周围的 block (做/结束) - 2

    如何用vim删除ruby中do/end分隔的环绕block例如(10..20).mapdo|i|(1..10).mapdo|j|pjendend我想做一些类似dsb的事情(删除环绕block)并得到(1..10).mapdo|j|pjend 最佳答案 也许你可以制作nnormap。每个end/do对都在同一个缩进上，所以首先你应该找到对缩进-在这种情况下，下一行相同的缩进(因为你的光标在do行。)所以你可以让vimscript函数找到下一个缩进线并删除它。这是函数的一个例子。您可以自定义您想要的-即)为休息行设置缩进。functio

  3. Ruby 相当于 "grep -C 5"以获取匹配项周围的行的上下文？ - 2

    我搜索了一下，但我一定是使用了错误的术语-ruby​​是否有办法grep查找字符串/正则表达式并返回周围的5行(上方和下方)？我知道我可以调用"grep-C5..."或什至编写我自己的方法，但这似乎是ruby​​应该有的东西，我只是没有使用正确的搜索词。 最佳答案 您可以使用正则表达式来完成。这是我们要搜索的字符串:s=%{ThefirstlineThesecondlineThethirdlineThefourthlineThefifthlineThesixthlineTheseventhlineTheeightlineThenin

  4. ruby-on-rails - Ruby 中圆括号周围的间距 - 2

    我最近在使路径正常工作时遇到了一些问题。解决方案原来很简单，但我遇到了一个意想不到的问题，阻止了我去解决它。包含在erb模板中的以下行完美运行:这个没有:在这种情况下，左括号前的空格似乎是不允许的。我得到的错误是这样的:/app/views/deliveries/_delivery_buttons.html.erb:22:syntaxerror,unexpectedtLPAREN_ARG,expectingkeyword_door'{'or'('...ivery",delivery_confirm_path(@delivery));@output_buffer......^谁能解释为什

  5. ruby-on-rails - 如何将 link_to 包装在一些 html ruby​​ 代码周围？ - 2

    如何围绕View代码添加链接？我不知道如何将多行ruby​​代码传递给单个link_to方法。我要找的结果是你点击列，得到显示页面:"image"rescuenil%> 最佳答案 link_totakesablockofcode(>=Rails2.2)它将用作标记的主体。原来如此html-code-here但是我很确定在a标签内嵌套div不是有效的HTML。编辑:根据下面AminAriana的评论添加了=字符。 关于ruby-on-rails-如何将link_to包装在一些htmlrub

  6. javascript - D3.js - 如何防止圆圈和文本重叠 - 2

    为每个json创建一个圆圈并随机输出x和yfor(vard=0;d声明一个圆变量，同时设置属性和动画varcircle=svg.selectAll("circle").data(json)circle.enter().append('circle')动画circle.transition().duration(1000).attr("fill","blue").attr('opacity',0.6).attr('r',5).attr("cx",function(d,i){returncirclexloc[i]}).attr("cy",function(d,i){returncircle

  7. javascript - Canvas 使用RequestAnimationFrame以一定速度旋转圆圈 - 2

    我在JSFiddle中做了一个快速简单的解决方案，以便更好更快地解释:varCanvas=document.getElementById("canvas");varctx=Canvas.getContext("2d");varstartAngle=(2*Math.PI);varendAngle=(Math.PI*1.5);varcurrentAngle=0;varraf=window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame||window.o

  8. javascript - 在鼠标悬停的 SVG 路径周围添加区域 - 2

    有没有办法在svg生成的图形中的直线路径上添加区域？我希望用户能够将鼠标悬停在附近上，而不仅仅是悬停在折线图上的一条线上，并在鼠标悬停后发生一些事情。目前，使用我的代码，您必须将鼠标悬停在实际的行上。但是我想在该行周围设置一个区域。(给路径加padding好像不行) 最佳答案 我的方法是在第一个上绘制第二个路径，它使用相同的数据和线条功能，但它是透明的并且具有更大的stroke-width。然后将mouseover和mouseout监听器附加到fatter行。在这里fiddle:http://jsfiddle.net/henbox/

  9. javascript - 需要在 OR 赋值中的 yield 表达式周围加上括号的确切句法歧义是什么？ - 2

    下面的代码...假设yield在生成器函数内部，并且定义了something和else等。constvalue=something||yieldelse();...在V8(Chrome或Nodejs)中生成以下内容:conststart=initial||yieldwait();^^^^^SyntaxError:Unexpectedstrictmodereservedword...在Firefox中是这样的:SyntaxError:yieldisareservedidentifier我首先在bluebird中注意到这一点coroutine我在写作。解决方法是将yieldwait()括在

  10. javascript - 如何使用 d3.js 将填充部分添加到 SVG 圆圈 - 2

    我正在使用d3.js生成一些SVG圆圈。我能够生成它们，但我不知道如何将它们分成4个相等的部分并为每个部分填充颜色。我正在使用d3.js的版本4。这是我的fiddle中的javascript片段:varnodes=[{"type":'family',"id":'f1',"name":'',"image":""},{"type":'person',"id":'p1',"name":'fredflintstone',"age":39,"relationship":"father","sex":''},{"type":'person',"id":'p2',"name":'wilmaflint

随机推荐