如何在in中创建虚线箭头
在In中创建虚线箭头可以通过使用CSS样式来实现。以下是一种常见的方法：
- 首先，在HTML文件中创建一个容器元素，例如一个
<div>标签，用于包裹箭头元素。
<div class="arrow-container">
<!-- 箭头元素 -->
</div>- 接下来，在CSS文件中定义箭头元素的样式。使用
::before和::after伪元素来创建箭头的头部和尾部，并设置其样式为虚线。
.arrow-container {
position: relative;
width: 200px; /* 根据需要设置容器的宽度 */
height: 100px; /* 根据需要设置容器的高度 */
}
.arrow-container::before,
.arrow-container::after {
content: "";
position: absolute;
top: 50%;
width: 100px; /* 根据需要设置箭头的长度 */
height: 2px; /* 根据需要设置箭头的粗细 */
background-color: #000; /* 根据需要设置箭头的颜色 */
}
.arrow-container::before {
left: 0;
transform: translateY(-50%);
border-bottom: 1px dashed #000; /* 设置虚线样式 */
}
.arrow-container::after {
right: 0;
transform: translateY(-50%) rotate(180deg);
border-bottom: 1px dashed #000; /* 设置虚线样式 */
}- 最后，在HTML文件中使用创建的箭头样式。
<div class="arrow-container"></div>通过以上步骤，你可以在In中创建一个虚线箭头。你可以根据需要调整容器的宽度、高度以及箭头的长度、粗细、颜色等样式属性。
相关·内容
我正在用不同类型的箭头(行、虚线、虚线等)创建一个图表。但是，我不想在每个箭头上添加一个标签，而是创建一个图例，在该图例中，每个箭头类型的副本都显示在其含义旁边。
是否有一种方法可以让PlantUML简单地绘制一个特定箭头类型的小片段？
浏览 25提问于2022-08-18得票数 2
回答已采纳
我想画一个包含回调的序列图。糟糕的Visio 2013将我的箭头/消息转换为虚线返回消息。如何禁用此行为？
下面是一个最小的例子。所有消息都作为消息插入，其中两条消息被转换为返回消息，但只有一条消息正确。选择错误的箭头并将其更改为非虚线样式不起作用。
浏览 0提问于2013-03-05得票数 1
1回答
通常情况下，UML类图中虚线箭头的含义是什么？
例如:下图中虚线箭头的含义是什么(从客户端到ConcreteCommand)：
文章：
浏览 5提问于2012-07-17得票数 25
回答已采纳
我有一个路径形状，我想要合并具有不同线条粗细的线条？StrokeThickness属性是在Path对象上设置的，因此我不能为不同的行更改它。如果我想改变我的线条颜色，同样的问题也会出现。
我想这样做的原因是我可以画一个箭头。查尔斯佩特佐德箭头不适合我。如果我的线条是虚线，闭合的箭头会奇怪地画出来。
我想了一种方法，就是在我的路径/线的末尾合并一个新的短线几何图形，它比我原来的路径/线更粗，并且有TriangleLineCap，瞧，我自己得到了一个箭头。但我不能组合具有不同线条粗细和虚线类型等的几何图形。
有什么想法吗？
浏览 3提问于2010-07-24得票数 0
1回答
我已经使用konvajs创建了一个使用虚线的Konva.Arrow形状。但是，箭头不是用颜色填充的。怎样才能让箭头有颜色呢？ 这是我用来制作箭头的代码的基础。 lineConfig['dash'] = [12, 8];
lineConfig['points'] = [pos.x, pos.y];
arrowLine = new Konva.Arrow(lineConfig);
浏览 28提问于2021-03-18得票数 2
回答已采纳
1回答
我试图了解如何创建符合UML2.0的组件关系图，并且我发现不同的来源为如何显示组件的内部结构提供了不同的方法，特别是用于委派和组装连接器的行类型。
我查了4个不同的资料来源：
马丁·福勒的“UML Distilled”一书
关于“敏捷建模”网站组件图的部分，由Scott编写
关于IBM developer works网站- 组件关系图的部分
关于uml图的组件关系图的一节。
我发现这四种资源以不同的方式绘制连接器：
用于“委托”连接器：
虚线，开箭头
实线、开箭头、“委托”原型
实线、开箭头、“委托”原型
实线，无箭头
用于“组装”连接器：
浏览 3提问于2015-03-05得票数 4
1回答
我想要一条带有非虚线箭头头的虚线，但在Safari中，这种虚线显然也被应用在标记上。
演示：
<svg width="100%" height="100%">
<defs>
<marker style="overflow:visible" id="myMarker" refX="0.0" refY="0.0" orient="auto">
<path transform="scale(-0.4) trans
浏览 0提问于2018-12-07得票数 0
回答已采纳
我在arrow_simple_demo.py 工作，我已经将其修改为：
import matplotlib.pyplot as plt
ax = plt.axes()
ax.arrow(0, 0, 0.5, 0.5, head_width=0.05, head_length=0.1)
但是，我想将箭头的线条样式更改为使用kwarg虚线。箭头文档表明这是可能的。
因此，我尝试给箭头**kwargs参数导入：
kwargs = {linestyle:'--'}
现在我的代码如下所示：
import matplotlib.pyplot as plt
ax = plt.axes()
浏览 1提问于2017-12-27得票数 2
回答已采纳
来自GoF的设计模式：
表示部分或聚合关系的对象引用由箭头线表示，其中底部有一颗钻石。箭头指向聚合的类(例如，形状)。没有菱形的箭头线表示熟人(例如，LineShape保留对颜色对象的引用，其他形状可以共享)。引用的名称可能出现在基座附近，以区别于其他引用，另一个有用的东西是实例化哪个类。我们使用虚线箭头表示这一点，因为OMT不支持它。我们称之为“创造”关系。箭头指向实例化的类。在图B.lc中，CreationTool创建LineShape对象。
当对象A聚合对象B时，对象A必须有引用对象B的字段成员吗？
当对象A熟悉对象B时，对象A必须有引用对象B的字段成员吗？
当对象
浏览 1提问于2019-06-06得票数 0
1回答
我尝试对齐我的视图元素。这是非常困难的，因为有根据其他元素对齐。
所以当我把光标往下拉时，整个过程会跳转到下一条蓝色虚线。有没有可能无级对齐它们？
浏览 2提问于2011-04-16得票数 2
回答已采纳
我正在开发一个应用程序，在这个应用程序中，用户可以画线(有箭头也可以没有箭头)。类似于PowerPoint或SnagIt，但在3D平面上。“
基本上，我希望能够创建一些行类型，如所附草稿中的：
我看过fat线条演示()。但是线条在缩放时似乎不会改变宽度，它们也没有视角。
还有一个第三方库THREE.MeshLine ()，它有一些不错的特性，甚至是虚线动画，但在试验之前，我想看看ThreeJS自己能做些什么。
1)使用ThreeJS行是否有一种方法：
大小和透视变化取决于相机的距离/缩放或角度。
虚线(可能扩展DashedLineMaterial?)。
2)也许除了T
浏览 1提问于2019-08-07得票数 0
有没有办法让箭头连接线变成点/虚线？我一直在读js/xml，不知道该把它设置在哪里。
当你拖动一个箭头时，它会显示标准的直线，但我想要的是“->”。
我知道svg需要像下面这样的代码才能有点/虚线
<path stroke-dasharray="10,10" d="M5 40 l215 0" />
浏览 0提问于2016-07-15得票数 0
2回答
在UML的状态图中，虚线箭头是什么意思？在状态之间有一个带有事件标签的箭头，但是在没有任何标签的相同状态和不同的direction.what中也有一个虚线箭头，这是什么意思？
浏览 10提问于2013-11-29得票数 0
1回答
我的目标是画一条两端都有箭头的曲线。我试图重新创建这个图形底部的曲线虚线/箭头。
到目前为止，我有一条曲线(最初是一条弧线)，需要更小一些。
我已经为属性和css进行了各种大小调整，但没有什么效果。
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container
浏览 2提问于2019-07-09得票数 0
1回答
上面的符号指示单向关联(强实线和弱虚线)，或者符号与传统UML不一致，并试图指示具有虚线的接口(没有适当的“箭头”)。你们觉得怎么样？
浏览 0提问于2017-05-09得票数 1
下面的脚本显示从屏幕顶部到向上箭头的虚线，该位置取决于用户滚动页面的距离，这样他们就可以单击箭头向上滚动。这在Chrome中很好，但在IE或Firefox中根本不起作用，也就是说虚线不会增长，箭头也不会向下移动。
有人知道这是为什么吗？
HTML:
<div id="dotted-line">
<div id="up-arrow">^up</div>
</div>
JS:
$(window).scroll(function(){
if ($(window).scrollTop() > 10)
浏览 4提问于2016-02-09得票数 0
回答已采纳
我仍然忙于使用C#和Interop在Visio中创建流程图。现在，我需要在特殊情况下更改连接器的LineStyle。更具体地说，我需要摆脱连接器上的“到箭头”。我已经搜索了LineStyle属性的有效值列表，但没有成功。我最接近的是将其设置为"Guide“，这将使我得到一个没有箭头的虚线，而"Solid”或"Solid line“则会产生异常错误。有没有人知道在哪里可以找到LineStyle的可能值，或者有人能告诉我在没有箭头的实线上使用的值。
浏览 7提问于2021-08-25得票数 0
回答已采纳
据我所知，在序列图中显示对象创建的正确方法是使用异步箭头，例如，
📷
但是，据我所知，在Java (以及我使用过的其他面向对象语言)中，new()操作是阻塞的。
我注意到一些引用(Craig )使用混合消息(虚线和填充箭头)，例如，
📷
特别是当涉及构造函数时，create是一个同步调用是很重要的。也就是说，它将在构造函数完成后返回。根据我对UML中异步消息的理解，:A对象不会等待:B的构造函数完成。
我的学生经常问这个问题，我怀疑这背后有一些历史。我很好奇为什么这看起来不一致。
浏览 0提问于2019-12-03得票数 7
回答已采纳
我有一个带有圆角和虚线边框的CAShapeLayer，可以显示线划线。但是，虚线不会与边角对齐。有没有办法做到这一点？
下面的图表显示了我想要的模式(箭头指向它)：
浏览 0提问于2014-08-13得票数 1
1回答
考虑以下轨迹：
test = data.frame(x = c(9500, 25500, 47500), y = c(10.03, 7.81, 0.27))
我想用ggplot2将其绘制为一条路径，并用一个箭头标识方向：
ggplot(test) + aes(x = x, y = y) +
geom_path(size = 1,
arrow = arrow(type = "open", angle = 30, length = unit(0.1, "inches")))
这个看起来很好。但是，如果我想使用虚线，箭头也是用虚线绘制的，这看起来很糟糕：
浏览 15提问于2018-02-07得票数 7
我只是需要一些HTML和CSS来创建一个普通的虚线箭头在Squarespace。
我想定制的颜色为#034472，并有类似的风格，如果可能的话，指向右边。
这方面的任何帮助都将不胜感激！
浏览 0提问于2020-06-18得票数 0
2回答
has有实线箭头(PolylineArrow)和虚线(PolylineDash)。我想将两者结合起来生成一个PolylineDashArrow (一个带有虚线填充的箭头，或者一个带有箭头的虚线)。 听起来，使用‘s的Fabric应该可以做到这一点。不过，我认为我需要添加一个类似于arrow和dash的通用语言。( Fabric页面没有说明如何添加用于源代码的自定义GLSL ) 这似乎真的很容易做到，但我找不到任何其他人试图这样做的任何信息。
浏览 48提问于2020-01-10得票数 2
回答已采纳
我想用箭头画一条虚线。问题是，strokeOpacity似乎是要在图标数组上运行，但对于虚线，它需要为0，而绘制箭头则需要为正值。有办法绕道吗？
下面是一个例子，说明了这个难题：
关键代码是javascript：
// This example converts a polyline to a dashed line, by
// setting the opacity of the polyline to 0, and drawing an opaque symbol
// at a regular interval on the polyline.
function initMap()
浏览 1提问于2018-04-16得票数 1
回答已采纳
2回答
这可能听起来像是科幻功能请求，但我想知道Doxygen是否具备以下两个特性中的任何一个：
在预处理器运行输入文件后生成调用/调用程序图。示例：
#定义多线程1
然后根据是否启用MULTITHREADING而启用或禁用代码块。
用图形箭头描述调用的确定性..。例如，虚线，如果函数并不总是被调用(即a，它在分支中，或者在调用函数之前有可能的return )。
浏览 0提问于2013-03-08得票数 6
1回答
假设我要画下面的图。
空地块是由下列人员生成的：
plot(0, 0, type="n", xlim=c(0,2), ylim=c(0,2), bty="n",xlab="", ylab="")
现在，我可以使用lty=2作为虚线。
我的问题是：
我能不能控制线的宽度是虚线的两倍，并设置箭头有特定的长度，比如说0.1？
编辑:好的，似乎我可以使用随钻的宽度，但我仍然想控制箭头的头部长度。
浏览 2提问于2022-10-26得票数 1
回答已采纳
来自Gamma等人的设计模式
表示部分或聚合关系的对象引用由箭头线表示，其中底部有一颗钻石。箭头指向聚合的类(例如，形状)。
没有菱形的箭头线表示熟人(例如，LineShape保留对颜色对象的引用，其他形状可以共享)。引用的名称可能出现在基座附近，以区别于其他引用。
另一件有用的事情是，哪些类实例化了，哪些类实例化了其他类。我们使用虚线箭头表示这一点，因为OMT不支持它。我们称之为“创造”关系。箭头指向实例化的类。在图c中，CreationTool创建LineShape对象。
我想了解这本书所说的“创造”关系意味着什么。
当A类实例化B类时，类A必须有引用对象B的字段成员，还是类A必
浏览 2提问于2019-06-06得票数 0
切换PlantUML中箭头的方向性的语法是清楚的。我们可以使用左->、右->、-上->、-下->分别实现左、右、上、下的方向性.同样清楚的是，在呈现时增加箭头的长度可以通过增加UML代码中箭头中的虚线数来实现。->增加到-或
当包含有方向性时，这个似乎不能工作(至少在Jebbs的Visual代码扩展中是这样)。因此，例如，左->不会增加箭头的长度。这是预期的行为吗？
浏览 18提问于2022-03-19得票数 5
我从codeplex中为WPF使用DataGrid。网格看起来很棒。最近我注意到，当我使用箭头键时，显示在DataGrid中的ant中有一个虚线蚂蚁，它对用户来说不是很清楚。样本如下所示。
蚂蚁现在出现在数值为4的单元格周围，它是虚线，但不是很清晰的。
我想知道如何在这个网格中增加蚂蚁的厚度。
浏览 1提问于2011-10-11得票数 0
1回答
我对序列图很陌生。我对回复信息的规则感到困惑。例如，displaySupplierRecord()的行应该是虚线还是实线？而且，行的箭头也应该是<，或者应该像getSupplierRecord()中该行的黑色箭头一样？最后一个问题通常是，我们是否将数据返回给参与者？
浏览 6提问于2021-09-05得票数 1
回答已采纳
我非常喜欢基本的R绘图，最近我在{shape}包中发现了不同的箭头类型。然而，使用虚线(lty = 3)，我的箭头的边缘是“虚线”，不像我预期的那样平滑。有没有办法保持我的边缘光滑，但我的线冲破了？
谢谢!
library(shape)
plot(c(0,2),c(-2,2), col=NA)
Arrows(c(0,1.7),c(1.3,-1.8),c(0.8,1.1),c(1.2,-1), lwd=2, lty = 3, arr.type = "triangle", arr.adj = 0.5, arr.col = "black", arr.length =
浏览 3提问于2016-03-12得票数 2
回答已采纳
Visual Studio 2017在代码的缩进中使用非常明亮的、虚线的垂直线来突出各种范围的范围。
我怎么才能关闭它们，或者让它们不那么生动？
浏览 2提问于2017-03-08得票数 5
我正在绘制一个3D图，并思考对于给定的一组坐标，从一个点到另一个点绘制箭头的最佳方法是什么。
我在这个论坛里找到了一种方法。我想知道在这个中是否可以使用虚线箭头而不是实线箭头
浏览 0提问于2013-01-04得票数 4
回答已采纳
2回答
如下图所示..。
黑匣子是屏幕大小，视口。红色虚线框是整个页面的大小，整个页面已经从视图窗口中滚动出来。绿色虚线框是li元素。现在，我要计算特定li与视图顶部边缘之间的距离，用红色箭头表示。
我对jQuery的解决方案没意见。
浏览 0提问于2015-11-18得票数 4
回答已采纳
3回答
我目前正在尝试在CSS中创建一个stepper。到目前为止，我做了所有其他的事情，但现在我需要以某种方式画一条虚线，底部有一个箭头指向右侧，例如顶部的一行： ? 这是我的HTML布局： <div class="step-connection-line-wrapper">
<span class="step-connection-line-down"></span>
<span class="step-connection-line-right"></span>
<
浏览 178提问于2021-01-15得票数 1
回答已采纳
4回答
当用户单击IE中的复选框时，我需要避免在复选框周围创建虚线。
查看当用户单击时它是如何显示的，
如何使用css删除复选框周围的虚线？
浏览 0提问于2013-08-06得票数 11
回答已采纳
我想创建类似于预定义的“虚线”样式(-fx-border-style: dashed)的边框样式。
如何在CSS中创建具有自定义虚线段、线帽和线段连接长度的虚线边框？
浏览 1提问于2015-05-23得票数 6
回答已采纳
1回答
UML C#设计原则
、、、
有谁能指出下图的含义：
PolicyLayer和PolicyServiceInterface之间的关系是什么？
PolicyServiceInterface和MachanismLayer之间的关系是什么？
C#代码也将不胜感激！
请注意，UML来自于MartinC.Robert，Martin 2006的C#中的敏捷原则、模式和实践。
在2011/6/2中添加
1)一端有三角形的实线；2)一端有三角形的虚线
于2011/6/3年度第一次添加
1)一端有箭头的实线；2)一端有箭头的虚线
下面链接中的示例，以及PersistentObject和ThirdPartyPersi
浏览 2提问于2011-06-02得票数 5
1回答
登记和报告顺序图
、、
我正在做序列图，但是在这些图的设计中我有一些问题。因此，我为创建帐户做了如下图表：
因此，首先用户进入注册页面，然后输入他的信息。我还想说明如果用户在注册页面中输入的信息不正确会发生什么:我将注册页面中的验证输入箭头添加到数据库中。
我不确定谁应该验证输入是否正确，说是数据库检查输入数据是否有效是正确的吗？
此外，将虚线箭头从数据库添加到注册页是正确的，还是应该直接转到if条件？
你建议我换什么衣服？
浏览 3提问于2015-04-06得票数 4
1回答
ETL包在未执行最后几项任务的情况下成功完成：
然后，我尝试以相同的类型运行任务，跳过其他任务：
在此之后，我创建了包含最后五个任务的单独包，它们运行得很好，就像预期的那样！
问题：，前两个数字上的流是怎么回事？为什么包在没有警告/错误的情况下跳过几个任务？
非常感谢你的回答和关于这种奇怪行为的任何想法！
sp_updatestats 回答了UPDATE ：我已经将输入改为OR，一切正常。箭头改为虚线箭头：
浏览 4提问于2014-06-05得票数 1
回答已采纳
1回答
我正在寻找一个Javascript包，它将帮助我编写类别理论图。基本上，在点之间创建带有标签和箭头的点(其中多个箭头可以连接两个点，一个点可以连接到自己)。此外，还可以指定线型(实线/虚线)。
具体地说，我想要一些可以自动为我布局元素的东西。
我看到了canviz，但显然它需要graphviz来预渲染图表。我也看到了dracula，但显然它不能从一个节点到它自己画弧线。
浏览 0提问于2011-07-17得票数 2
回答已采纳
当使用crow的脚表示法设计实体关系图时，我遇到了一些问题，试图在Microsoft上指定弱关系(虚线)。虽然我能够添加箭头来表示两个实体之间的强关系(实线)，但当我试图将线条样式更改为任何类型的虚线时，它会自动恢复为实线。不过，我可以改变线的重量，颜色，等等。我怎么才能改变这个？
，但是答案似乎过时了，概述步骤的图表似乎被删除了()。我搜索了，但没有发现任何过去的问题与此有关的堆栈溢出。
显示问题的图片如下所示：
请注意，这发生在Visio Online和Visio应用程序上。任何帮助都是非常感谢的！
浏览 15提问于2022-07-12得票数 0
回答已采纳
2回答
我正在自学S.O.L.I.D.面向对象编程所涉及的原则，并且很难理解字母D(依赖-反转原则)中的所有细节。
我正在维基百科()中阅读它的条目，并不理解图表中的所有内容：
)
我注意到有两种不同类型的箭头，一种是虚线箭，另一种是实心箭。
根据我目前的理解，虚线代表Java中的"implements“关键字，实线表示关键字”extends“。
这是正确的解释吗？
浏览 1提问于2015-04-21得票数 1
回答已采纳
在我们的应用程序中，我们在UI中使用了千里达JSF。当用户登录到应用程序时，将显示一个包含记录表的页面。将为每条记录显示单选按钮以选择一条记录。当用户按tabs键切换到一组单选按钮时，单选按钮周围会出现默认的虚线。而且，当用户使用上箭头键和下箭头键在单选按钮组中导航时，默认虚线仍然保留在所选的单选按钮上。这个场景很好。
现在，用户登录到应用程序中，将显示一个带有记录表的页面，并且用户使用鼠标按钮选择了一个单选按钮。用户观察到单选按钮周围未显示默认虚线。这意味着，焦点在单选按钮上不是活动的。
为什么用鼠标按钮选择时，单选按钮上不显示虚线？
浏览器: IE 8。
请写下您的宝贵意见。
呈现的htm
浏览 3提问于2016-03-22得票数 0
1回答
我制作了这个简单的SVG动画，用于绘制虚线的代码如下：
$(document).ready(function() {
var offset = parseInt($('#move-opacity').attr("offset"));
setInterval(function() {
$('#move-opacity').attr("offset", offset + "%");
if (offset < 100) {
$('#last-opac
浏览 0提问于2015-12-01得票数 0
回答已采纳
我想知道下面的关系是如何在UML中调用的，以及它是如何在类图上标记的？这是一个受约束的依赖关系吗，用虚线箭头标记？
public class A {}
public class B
{
public foo()
{
A a = new A();
}
}
浏览 0提问于2017-09-01得票数 0
我需要一条指点线来告诉别人一条线的顺序。 我使用mapbox-ios中的MGLLineStyleLayer添加了虚线样式(示例：-)，但我不知道它是否支持(>>>>)样式或箭头(->-)，请告诉我该怎么办。
浏览 40提问于2019-08-21得票数 1
回答已采纳
1回答
我是android应用程序的初学者。
我制作了一个9补丁来使用上面的图像。
虚线的图像不是重复的，而是拉伸的。
我必须像上面那样在图像上写文本。
图像的某些部分如何重复？
请告诉我一些建议。
浏览 0提问于2013-01-21得票数 1
我有一个子弹列表的设计，它有两件事：
a.替换列表图标的蓝色箭头图像。
在每一清单项目的顶部和下面有一个非常轻的虚线边框。
我希望通过( CKEditor )将其构建到中，这样用户就可以从下拉列表中选择特定的列表样式，而不必编写任何代码。
我已经成功地创建了一个带有特定类的列表(现在已经有了这个主题)，但是，考虑到应用虚线和蓝色箭头的唯一方法似乎是通过CSS3使用多个背景，而惊喜在IE8或更低版本中不起作用，我遇到了一些问题。
如果我添加了一些DOM污染(例如，在span中包围了列表项文本)，我可以将其作为主题；然而，似乎CKEDITOR.stylesSet只允许设置每个样式的一个元素(例如，
浏览 0提问于2012-11-14得票数 0
回答已采纳
在Java中，接口扩展接口是完全合法的。UML中的这种关系看起来像是“扩展”关系(实线、闭合、未填充箭头)还是“实现”关系(虚线、闭合、未填充箭头)？无论是在网上还是在福勒的书中，我似乎都找不到这种关系的例子。
浏览 0提问于2010-04-23得票数 29
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
