- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
当我减小窗口大小时,它具有相同的宽度和高度。我正在使用这些虚线作为说明。虚线位于两个 div 之间(比如矩形框)。我的要求是以适当的方式在这两个 div 之间进行调整。 访问https://codepen.io/himabindukalla/pen/pBWLRP ?
<svg height="80" width="300" class="pausedLine layout horizontal ">
<g fill="none" stroke="black" stroke-width="2">
<path stroke-dasharray="12,12" d="M5 40 l450 0" />
</g>
</svg>
<svg height="80" width="300" class="diceLine">
<g fill="none" stroke="black" stroke-width="2">
<path stroke-dasharray="12,12" d="M5 40 l250 0" />
</g>
</svg>
<svg height="120" width="300" class="crossedLine">
<g fill="none" stroke="black" stroke-width="2">
<path stroke-dasharray="12,12" d="M5 40 l250 555" />
</g>
</svg>
最佳答案
有点不清楚您希望它们如何协同工作——但是当涉及到 SVS 和响应式时,我建议您查看以下属性:
示例:
SVG 将水平响应,占据屏幕宽度的 50%,同时锁定到 1 像素的高度。 viewBox 允许 SVG 缩放,而 preserveAspectRatio 允许它在不将宽度和高度锁定在一起的情况下进行缩放。矢量效果可防止笔画缩放(将线条保持在 1px 高度)。我希望这可以为您指明正确的方向 :)
<svg height="1" width="50%" viewBox="0 0 12 1" preserveAspectRatio="none">
<path d="M0 0 l12 0"
stroke="black"
stroke-width="1"
stroke-dasharray="6,6"
vector-effect="non-scaling-stroke"
/>
</svg>
更新
使用简单 float 的示例,两个响应式 SVS 和一个固定大小的 SVS
svg, div {
float: left;
clear: left;
}
.dia {
position:relative;
left: 25%;
}
<svg class="top" height="1" width="50%" viewBox="0 0 12 1" preserveAspectRatio="none">
<path d="M0 0 l12 0"
stroke="black"
stroke-width="1"
stroke-dasharray="6,6"
vector-effect="non-scaling-stroke"
/>
</svg>
<div>
CONTENT
</div>
<svg class="bot" height="1" width="50%" viewBox="0 0 12 1" preserveAspectRatio="none">
<path d="M0 0 l12 0"
stroke="black"
stroke-width="1"
stroke-dasharray="6,6"
vector-effect="non-scaling-stroke"
/>
</svg>
<svg class="dia" height="24" width="24">
<path d="M0 0 l18 24"
stroke="black"
stroke-width="1"
stroke-dasharray="6,6"
vector-effect="non-scaling-stroke"
/>
</svg>
关于html - 我想让虚线在窗口大小发生变化时响应(适合窗口)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55683505/
最近,我在各种俄罗斯Web 2.0网站中看到了点缀和虚线超链接的广泛使用。通常,此类链接(在其下方具有虚线或虚线,而不是普通的实线)不会将用户引导至另一页面,而是在同一页面上执行操作而不重新加载该页面
Google 没有帮助我找到问题的解决方案。 (据我所知...)。 我想知道是否可以在 Android 上画一 strip 有 9 个补丁功能的虚线。 我的目标是从一个布局到另一个布局画一条虚线。 我
有没有办法将多条线段视为一条线? IE:我将鼠标悬停在一个上,两个都突出显示,切换图例中的可见性将隐藏两个部分。 http://jsfiddle.net/rayholland/HSvBj/2/ ser
我在我的 C# WinForms 应用程序中使用 .net 4.0 的图表控件。我有两个系列的数据显示为折线图。 我绘制的基本上是作为时间函数的供求关系图。我希望需求是某种颜色的实线,供应是相同颜色的
如何在窗口调整大小期间避免线划线调整大小?考虑下图: http://leprastuff.ru/data/img/20130315/b83eea4a7a3f07ca53a0e118ddbb9230.G
我正在尝试使用纯 webgl 创建虚线。我知道这已经有一个问题,也许我很笨,但我不知道如何让它发挥作用。我理解这个概念,但我不知道如何在着色器中获取沿路径的距离。以前的答案有以下行: varying
我们应该在序列图中的哪些步骤中使用返回线? )没有返回箭头,因为它们隐式返回实例化对象 编辑 2 针对您更新的问题: 我不会有用户操作的返回箭头,例如 login(),因为结果不会以与对象相同的方式
我正在尝试使用 gnuplot v4.4 绘制一个包含虚线和连续线的图形。代码是: set term postscript eps enhanced color set style line 1 li
我正在尝试创建一个 React nivo 折线图,其中包含虚线而不是实线。我研究过图案,但不知道如何制作图案。感谢您的帮助。 最佳答案 nivo 在库中提供了自定义图层功能,您可以使用它来自定义从实线
我正在尝试创建一个 React nivo 折线图,其中包含虚线而不是实线。我研究过图案,但不知道如何制作图案。感谢您的帮助。 最佳答案 nivo 在库中提供了自定义图层功能,您可以使用它来自定义从实线
我使用一些通过的点创建虚线 UIBezierPath。 let pathLayer = CAShapeLayer() pathLayer.strokeColor = UIColor.blue.cgCo
我有以下问题。我必须从很多距离太近的点画一个圆。您可以在下面的 jsfiddle 链接中看到它: http://jsfiddle.net/L6e5oz3L/
我是 CSS 的新手,正在网上寻找自动重新压缩图像的代码,我发现的代码可以完美地做到这一点。但正确的是,它重新调整图像周围的一些红色虚线,当我尝试编辑时,整个图像消失了。可以请有人帮我解决图像显示时如
已将 Firebase Analytics 集成到我的 Android 项目中,它上个月运行正常,现在它只显示虚线并且用户数为 0。 不确定为什么会这样,我哪里错了?由于它之前工作正常,我相信我已经按
我正在使用 OpenGl ES 1.0 开发我的 Android 游戏,我想绘制虚线现在我使用这段代码来画我的线: gl.glColor4f(1.0f, 0.0f, 0.0f, 1.0f); // g
我正在尝试绘制 1 像素的虚线,但它总是绘制 2 像素的线。当前解决方案: let shapelayer = CAShapeLayer() let path = UIBezierPath() path
我这里有一个用 html 编码的菜单,但我需要一条虚线来跨越名称和价格,我将如何在这里做呢?我有点迷路了哈哈。 你可以在这里看到它。 http://mystycs.com/menu/menuifram
是否可以在 Chart.js 折线图上制作虚线?并使图表全宽?见附件样机。 这是我当前的代码(只是简单的例子): var ctx = document.getElementById("main
如何删除 JTabbedPane 上当前选定选项卡周围的虚线。 例如: 看到它周围的虚线了吗? 最佳答案 我刚刚找到了一个更好的方法: component.setFocusable(false); 关
我正在尝试使用 rgl 绘制一些 3d 形状,但我想使用虚线/虚线连接我的点。我怎样才能做到这一点?目前我有 require(rgl) p1 <- c(0,0,0) p2 <- c(1,0,0) p3
我是一名优秀的程序员,十分优秀!