如何使用html和css绘制虚线

文章/答案/技术大牛

发布

1回答

html、css

如何使用html和css绘制虚线，如下所示。而不是虚线。可以使用这个边框: 1px虚线。但是需要增加dash.not的长度和宽度

浏览 22提问于2018-09-07得票数 3

回答已采纳

5回答

是否在HTML5画布上绘制虚线？

html、canvas、line

我想在HTML5画布上画一些虚线。但我找不到有这样的功能。画布路径只能绘制实线。人们试图使用CSS中的一些边框功能(点线、虚线)来绘制虚线，但它们只能是水平或垂直的。所以我被困在这里了。我还发现了一个名为的库，它可以绘制虚线。但是使用外部库会使绘图变得非常慢。那么，有没有人知道如何实现这一点？任何帮助都将不胜感激。

浏览 10提问于2013-03-14得票数 40

14回答

如何用css绘制虚线？

html、css

如何使用CSS绘制虚线？

浏览 1提问于2009-11-17得票数 107

回答已采纳

2回答

如何在折线图中设置边框颜色

javafx、javafx-2

我有一个LineChart图。我想给图形区的矩形边框上色。"-fx- border -color: black“在完整图表周围添加边框。任何帮助都是有用的。谢谢

浏览 6提问于2015-04-24得票数 1

2回答

Html5画布上的虚线曲线

javascript、math、geometry、bezier、html5-canvas

对于我的一个应用程序，我需要在Html5画布中的bezier路径上绘制一条虚线曲线...虚线的长度和间隙应该是可变的。这在JavaFx、中是可以实现的。我想使用Html5画布达到同样的效果。我知道如何沿贝塞尔曲线画直线，但不会画曲线... 虽然我不是专家，但我知道，这个算法的问题是，它允许你使用从0到1的时间参数来识别贝塞尔曲线上的坐标。这是不够的，因为要绘制虚线贝塞尔曲线，我需要在主贝塞尔曲线路径

浏览 5提问于2011-09-09得票数 9

回答已采纳

2回答

如何实现css点状边框？

css、gwt、canvas

我想使用GWT Canvas在像矩形这样的画布元素周围绘制一个虚线边框。我喜欢css属性border: dashed生成的样式，特别是角的显示方式，如下所示：这条虚线是如何产生的“源代码”能在什么地方被检查到吗？

浏览 0提问于2013-02-08得票数 1

回答已采纳

1回答

如何使点-破折号划线

html、css、underline

如何用HTML和CSS或MS Word划线.--模式？我知道CSS中有边框底样式的属性，有虚线和虚线样式，但是没有点虚线或类似的东西。在MS Word中，也有不同的下划线样式，但不是我所需要的。

浏览 5提问于2015-05-23得票数 1

回答已采纳

2回答

在HTML5画布上绘制虚线的替代方法是什么？

javascript、html、canvas

问题背景:我正在一个网站上工作，该网站和其他数据一起在HTML上绘制垂直和水平线。当用户想下载报告时，该页面可以转换为文件。最初我们使用一条默认样式线来绘制图形值。最近，我们在图形上添加了第二种类型的数据，并使用context.setLineDash([x,x])为第二种数据类型绘制虚线。这在浏览器中工作得很好。问题:由于我无法更新HTML转换软件或直接获得对它的支持，所以可以提供一个例子，说明在画布上不使用

浏览 1提问于2017-09-19得票数 0

回答已采纳

3回答

使用HTML/CSS和基本HTML的自定义边框

html、css

我使用的是TCPDF，它与普通的HTML/CSS有问题。它接受一组基本的HTML/CSS，不幸的是没有什么特别的东西。我需要一种创建自定义虚线的方法，如下所示：看到CSS如何只具有实线、虚线或虚线的边框属性，我缺少虚线的“其他方式”。我需要能够控制行程的长度，以及中间空间的长度。要么它太花哨(tcpdf忽略它)，要么它回到虚线和<e

浏览 1提问于2014-09-19得票数 4

回答已采纳

1回答

如何转换canvas/raphael.js的flash圆对象坐标？

html、flash、canvas、geometry、raphael

我有一些简单的闪光灯动画，我正在转换为HTML5图像地图，触发一些绘图的<area>滚动。但是要用HTML5绘制圆圈(目前使用的是raphael.js )，我必须给出一个中心坐标：var c = paper.circle(x, y, radius)。因此，例如，如果我有一个高度和

浏览 13提问于2013-09-06得票数 0

回答已采纳

4回答

WinAPI -如何绘制虚线？

windows、winapi、gdi

我使用WinAPI GDI方法创建HPEN：然后使用MoveToEx和LineTo方法绘制直线。事实上，画的线是虚线的。3像素为空，3像素为彩色虚线. 为什么PS_DOT样式不画虚线？如何用WinAPI绘制圆点线？

浏览 9提问于2009-02-12得票数 4

2回答

尝试使用CSS绘制虚线

html、css、draw、css-shapes

 我正试着用CSS来画这个，我没有解决方案。有人能帮我吗？附言:我做了一些搜索的东西，谢谢。

浏览 1提问于2016-08-23得票数 0

1回答

非重复多边形状态/国家共享边界

leaflet、geojson

我正在使用GEOJSON绘制一个世界地图与传单和有虚线绘制边界，如下图。我遇到的问题是，如果两种状态共享边界，则这条线不会被两种状态共享，而是为不同的状态绘制两条线。GeoJsonLayer.addData(data.world); }.geojsonlayerpolygon{

浏览 0提问于2019-08-18得票数 2

回答已采纳

1回答

html css:如何在<div>周围绘制虚线框？

html、css

我在中看到有很多被虚线包围的DIV，在CSS和HTML中怎么做？谢谢。箱子

浏览 1提问于2010-10-29得票数 4

回答已采纳

2回答

如何使手动绘制的HTML元素保持不变？

javascript、html、css

我试图使用虚线和特殊字符(-，+，*)在HTML中手动绘制一个矩形，如下所示：<pre></pre></div> 我还计划将文本和</em

浏览 3提问于2022-04-20得票数 0

1回答

如何在pdf中打印虚线或虚线的css？

html、css

我试图使用HTML和CSS制作网页，但是当我试图打印页面时，虚线变成了直线。CSS padding-top: 10px; text-align: center;border-bottom:.5pt dotted black; margin-bottom: 24px;当我打印虚线时，虚线<

浏览 1提问于2021-12-09得票数 0

1回答

setLineDash([3,2])，绘制实线而不是虚线。(画布HTML5)

javascript、canvas、html5-canvas、rendering

我正在尝试使用setLineDash和lineDashOffset(HTML5 Canvas-2d上下文)绘制不同的矩形设计。但是绘制的是实线而不是虚线。请帮帮忙。注意事项：画布缩放完成。严格地说，虚线厚度是"3“，它们之间的间距是"2”。 ` 我的完整代码供您参考: Codepen Link 灵感来自:文档链接

浏览 66提问于2021-02-26得票数 1

回答已采纳

1回答

如何使用最基本的HTML/CSS绘制实线/虚线/虚线(用于tcpdf以正确呈现它们)

html、css、tcpdf

它是两个图的组合，其中不同的曲线以实线、虚线和虚线随笔画长度的不同而变化。我需要一种方法来生成实线，虚线，虚线，使用基本/最简单的HTML/CSS，希望tcpdf渲染引擎能够理解，因为tcpdf不能很好地处理最新和最伟大的HTML/CSS标记。多么?细节您可能不需要，但可能会欣赏：我使用flot + tcpdf来生成这些图形，首先在画布上生成图形

浏览 0提问于2014-09-10得票数 0

回答已采纳

1回答

使用heremaps接口，是否可以在地图上绘制虚线作为路线？

here-api、here-maps-rest

我想用虚线在地图上用这里的地图画路线如何绘制虚线作为路线？虚线预计将作为地图上的路线绘制

浏览 7提问于2019-09-17得票数 0

1回答

如何使用cv2和python删除图像中的虚线

python、cv2

我正在尝试使用python中的cv2删除图像中的虚线和虚线，但遇到了一些困难。(1)我从得到了一些想法，可以删除图像中的线条。所以我想把这些虚线画成线，然后去掉它们。我使用了霍夫变换()和()，但是它引入了许多不必要的行，弄乱了所有的数字和单词。我调整了'minLineLength‘和'maxLineGap’，但是没有帮助。原因是在单词和数字中有一些点和虚线有相同

浏览 3提问于2018-06-29得票数 1

点击加载更多