如何给圆角svg六边形均匀的笔画宽度？

文章/答案/技术大牛

发布

1回答

html、css、svg

我做了一个圆形的六边形，笔划宽度，但顶部和底部的曲线较深。如何使笔触宽度均匀到边框？这是我的svg代码 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 200.91789367798975 232"220L2

浏览 3提问于2017-02-02得票数 0

2回答

在Android绘图中，如何沿着多边形路径绘制一致的笔画？

android、path、drawing、android-canvas、paint

我有一个绘制多边形的路径(在本例中，是六边形)。我想用均匀的厚度来画这条路。但是，当我将笔画宽度设置为0以外的任何东西时，对角线边比水平边要厚得多。我的问题是，我如何配置我的油漆和路径组合，以实现沿路径的一致笔画？

浏览 3提问于2015-04-06得票数 0

回答已采纳

2回答

SVG路径单元圆角厚度

html、svg

我试图创建矩形与圆角使用路径元素，但问题是，圆角有更多的笔画宽度比直线。有关路径元素，请参见下面的代码。<svg width="596.8571428571429" height="403.48571428571427">

浏览 0提问于2018-10-23得票数 0

回答已采纳

1回答

如何在不扭曲笔划和边界的情况下沿一个轴缩放svg形状

svg、inkscape

这里我有这样一种带有磁场的svg图像(png中的一个放大的提取)。但边界和笔画变得不均匀，我希望能够缩放路径和形状的位置，而不偏斜笔画本身.可能与Inkscape，或任何基于脚本的过程。编辑(链接到原始图片，有缩放问题，在第二个问题上，我们可以清楚地看到，笔画

浏览 1提问于2017-01-12得票数 4

回答已采纳

1回答

带有SVG多边形笔画的Bugs

html、css、svg

我创建了带有六边形图像掩码的SVG，当我尝试将笔画样式给多边形时，会出现一个bug :笔画超出多边形。我能做些什么来创造正确的中风呢？这是我的代码： <svg class="main-svg" width="284" height="332" viewBox="0 0 142 166" version="1.1"

浏览 5提问于2016-01-08得票数 2

回答已采纳

1回答

D3时间轴-为什么勾标在默认情况下似乎是不可见的？

javascript、d3.js

我在用X时间轴绘制一个非常规则的图。()]) var xHourAxis = d3.svg.axis() .scale*函数只返回轴的开始/结束日期。我的问题是:轴勾标签是可见的，但我看不到刻度标记。它们显然存在于DOM树(<line y2="5" x2="0"></line>)中，但只有当我显式

浏览 1提问于2013-10-11得票数 2

回答已采纳

1回答

SVG中的笔画和笔画宽度是什么，它是如何在HTML中呈现的？

html、css、svg

="red" stroke-width="5" fill="yellow"></circle></svg> <svg width="400" height="400" style="background-color" stroke="red" stroke-width="100" fill="yellow"><&

浏览 9提问于2016-09-01得票数 3

回答已采纳

2回答

计算字段中六边形的宽度

javascript、math、svg、hexagonal-tiles

我正在使用javascript和svg绘制一个六边形网格。网格需要有固定的宽度(比方说，1000 to )。网格的尺寸可能不同，但我有这些信息(列和行)。我已经写了一个函数，给一个六边形的包围盒的宽度(高度是一个因子0.8660254的宽度)，将计算所有的6个点，并画一个多边形之间。我把x坐标搞得乱七八糟，这样多边形就能整齐地连接起来。然而，我目前坚持的部分是:<

浏览 6提问于2022-09-15得票数 0

回答已采纳

2回答

向D3js甜甜圈图添加边框-半径属性

javascript、jquery、angularjs、d3.js、donut-chart

我现在在一个AngularJS应用程序中使用这个甜甜圈图：但是设计模型说我们希望这样，请注意圆弧绿色部分的边界半径属性：如何将边框半径添加到d3js输出的SVG中，我目前使用的代码如下所示'#donut-asset-' + scope.chartId; .select(selector) .remove(); .selectAl

浏览 0提问于2018-05-02得票数 4

回答已采纳

2回答

使用单击函数jquery更改svg图像的笔画宽度

javascript、jquery、svg

当用户单击按钮时，我希望将svg图像的笔画宽度增加0.5。我已经有了单击函数，但不确定如何使该函数工作以增加笔画宽度。pipeScaleFactorPlus(){} .pipe是svg类，调用drawMapPipes()；重新绘制svg

浏览 4提问于2016-11-17得票数 3

回答已采纳

3回答

SVG属性笔画-linejoin不起作用。

html、css、svg

我期待圆角在顶部，右，底部和左点在下面的多边形。#4d4d4d; stroke-width: 5px;} <svgwidth="100%" height="100%"> <svg width="50%" height="50%" viewBox=&quo

浏览 0提问于2019-10-22得票数 0

回答已采纳

1回答

带半径、破折号阵列和破折号偏移的svg矩形

svg、rectangles、cornerradius、stroke-dasharray

我试图在svg中创建一个矩形，在顶部和底部有一个边框/笔画，并使用半径(rx，ry)来创建圆角。通过使用css属性"dasharray:宽度，高度“，可以只使用边框/笔画样式设置顶部和底部的样式。如果没有半径，这就像预期的那样工作。但是，当添加半径时，顶部边框不再从矩形的左上角开始。对于如何创建一个半径仅为顶部和底部边框的矩形的任何帮助都是非常感谢的

浏览 3提问于2017-01-04得票数 5

回答已采纳

1回答

如何更改svg图标的笔画宽度？

html、css、svg

我有我的svg图标与非常简单的风格。我想改变这个图标的笔画宽度为2px。我改变了svg风格的笔画宽度为2，但图标的顶部已经被切断。<svg xmlns="http://www.w3.org/2000/svg&quo

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

回答已采纳

1回答

起始点的行程宽度与其他点不同。

css、svg、polyline

为什么起点和其他点的行程宽度不同？请参阅以下代码： <svg> </svg>我不想通过复制多条线来达到其他目的。也就是说，每个点都有不同<e

浏览 4提问于2016-12-08得票数 1

回答已采纳

1回答

如何减小角质材料md-进旋器的行程宽度？

css、angular、svg、angular-material2

我在我的代码中使用这样的md进度旋转器：</md-progress-spinner> 如何更改由md-进度旋转器呈现的svg的笔画宽度。默认情况下，笔画宽度的

浏览 2提问于2017-05-19得票数 0

回答已采纳

3回答

SVG笔划与填充之间的空间

svg

用相同的颜色和超过一定尺寸的stroke-width填充和抚摸一个圆，在两个油漆区域之间产生一个奇怪的透明区域。怎么一回事？这在Chrome和Firefox中都有发生，所以可能是为了规范，但我在规范中找不到任何关于这种行为的语言。<svg viewBox="0 0 300 300"> stroke="#000"

浏览 0提问于2017-01-30得票数 5

回答已采纳

1回答

在Illustrator CC中，如何导出使用画笔工具作为路径的SVG路径？

svg、path、fill、adobe-illustrator、stroke

在Illustrator CC中，我如何导出一个SVG路径，用画笔工具作为该路径的笔画，而不是用填充自动替换它？出于任何原因，当我导出用画笔工具绘制的路径(没有填充和一些彩色的笔画)时，生成的SVG已经将路径更改为路径的大纲，然后它将我的笔画属性更改为fill。当我导出使用pen工具创建的路径时，不会发生这种情况。编辑：我正在尝试导出一个

浏览 6提问于2016-07-28得票数 0

1回答

如何在带有圆角的SVG中实现分割的条形可视化？

svg

我想在SVG中实现一个可视化，它基本上是一个在几个颜色之间分割的条。有点像这个HTML+CSS片段产生的结果。 <div id='bar'></div> <div id='quux'></div> 它必须在<

浏览 2提问于2017-02-09得票数 0

回答已采纳

1回答

如何在html网格上完美地对齐svg网格

css、svg

所以，在svg中画出所有东西的建议不是我想要做的。**我希望svg中的所有东西都使用单位长度。因此，如果我想从0,0到2,2画一条线，可以是：我已经尝试了一些数学来设置viewBox，使单个单位长度计算出html网格单元格的宽度(加上在这种情况下，我会有viewBox="0 0 8.767741935 8.767741935"

浏览 0提问于2019-02-06得票数 3

1回答

SVG矩形的笔划宽度在顶部/左侧被截断。我该如何解决这个问题？

javascript、svg

当我的矩形有一个很大的笔划宽度时，我的SVG的笔画不知何故被切断了。我有以下代码： <rect width="352" height="128" stroke="#333" stroke-width="16" fill-opacity=&q

浏览 13提问于2016-08-28得票数 5

回答已采纳

点击加载更多