将笔划添加到SVG多边形上的特定边
是指在SVG（可缩放矢量图形）中，通过在多边形的边上添加笔划（stroke）来改变多边形的外观。笔划可以是不同的颜色、宽度和样式，以突出显示多边形的特定边。
SVG是一种基于XML的矢量图形格式，用于描述二维图形和图像。它支持多种图形元素和属性，可以通过CSS样式和JavaScript进行控制和交互。
要将笔划添加到SVG多边形上的特定边，可以使用SVG的<polygon>元素或<path>元素来创建多边形，并使用stroke属性来定义笔划的样式。可以通过指定stroke-width属性来设置笔划的宽度，通过指定stroke-color属性来设置笔划的颜色，通过指定stroke-dasharray属性来设置笔划的样式（如实线、虚线等）。
以下是一个示例代码，展示如何将笔划添加到SVG多边形上的特定边：
<svg width="200" height="200">
<polygon points="100,10 40,198 190,78 10,78 160,198"
stroke="red"
stroke-width="2"
stroke-dasharray="5,5" />
</svg>在上面的代码中，<polygon>元素定义了一个五边形，通过points属性指定了多边形的顶点坐标。stroke属性设置笔划的颜色为红色，stroke-width属性设置笔划的宽度为2个像素，stroke-dasharray属性设置笔划的样式为虚线，每个实线段和虚线段的长度都是5个像素。
应用场景：
- 在数据可视化中，可以使用笔划来突出显示特定数据点或区域。
- 在地图应用中，可以使用笔划来标记特定边界或路径。
- 在图形设计中，可以使用笔划来创建艺术效果或装饰效果。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云SVG图形处理服务：https://cloud.tencent.com/product/svg
- 腾讯云数据可视化服务：https://cloud.tencent.com/product/dvs
相关·内容
2回答
我正在尝试创建一个SVG多边形，在元素周围有一个边界(在本例中是一个笔划)。这在很大程度上是有效的，但是多边形的剪裁边似乎比其他边具有更粗的笔触。有没有办法确保笔触的宽度在形状周围是均匀的？ 这里有一张图片说明了这个问题 ? 左上角和右下角的笔触明显比其他边或边粗。 代码基本上是这样的 <svg viewbox="0 0 100 100" height="500" width="500">
<polygon points="10, 0, 100, 0, 100, 90, 90, 100, 0, 100, 0
浏览 19提问于2020-04-30得票数 2
回答已采纳
我已经包括了一个多边形的SVG，并使必要的positioning.It在火狐上运行良好，但在其他浏览器上的定位发生了变化。我附上了火狐和Chrome浏览器的截图，这是发生了吗？
svg{
position: absolute;
z-index: 1;
left: 17%;
top: -23%;
}
.circle {
background: #b7a3a3;
height: 600px;
width: 600px;
border-radius: 50%;
ma
浏览 21提问于2019-08-04得票数 0
回答已采纳
2回答
我正在寻找一种方法来添加一个边界的多边形与SVG。我不能添加另一个多边形，因为它应该独立于多边形形状工作。我尝试在多边形上使用笔划，但它也在多边形内部绘制了一条线。最近删除了仅在多边形外部绘制的最新W3C规范。
所以我摆弄了一下svg过滤器，它几乎可以工作，但我要指出的是，边界有点被削减了。有谁知道如何消除这种不想要的影响吗？
代码：
` <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
浏览 4提问于2018-06-13得票数 1
1回答
我有一张带有多边形的雷达图。现在我希望它们在鼠标悬停时用颜色填充，但仅当鼠标在路径上时。当鼠标在多边形内部时，它应该没有填充。
到目前为止我试过了
svg.selectAll('.polygon')
.data(scaledData)
.enter()
.append('svg:path')
.attr('d', radialLine)
.attr('stroke', function(d, i) {return colors(i);})
.attr('stroke-widt
浏览 29提问于2017-06-22得票数 2
1回答
我试图在我的html页面中显示SVG图形；在页面中，在div中，我有以下代码：
<svg id="Scanvas" width="800" height="500" xmlns="http://www.w3.org/2000/svg" version="1.1">
<defs><style type="text/css">
polygon{
stroke: #168fdc;
stroke-wi
浏览 2提问于2014-03-11得票数 1
1回答
我正在试图找出为什么无论我做什么，rect的setAttribute笔画(从代码下面)都不能工作--无论是笔画宽度还是我设置的颜色，它都不起作用。我加错了吗？我做了一个浅灰色的背景，这样至少我能在图像上看到它，但是它应该是白色的，有一个黑色的轮廓。谢谢，马特
<svg id="mysvg" height="310" width="600">
<text x="300" y="190" fill="#FF9900"
font-family="Ari
浏览 2提问于2020-02-24得票数 0
回答已采纳
我正在使用一个外部svg文件，并将该文件中的蒙版应用于我的网页上的图像。口罩工作得很好，但我想在口罩周围画一个彩色的笔触。我不知道如何在外部svg文件中添加形状，以及如何将其应用于CSS。
现在蒙版有一个半透明的笔触来说明我想要的笔触的大小。
我怎么能添加这个呢？
谢谢
外部SVG文件：
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xli
浏览 5提问于2014-01-14得票数 3
我正在探索HTML画布上的一些绘图，很快就开始将我的形状剖分成三角形，因为这似乎是确保只处理简单多边形而不是自交多边形的最常见、最可靠的方法(对我来说，这些多边形是以某种无法控制的方式绘制的)。
但是当我想画一个三角形的简单矩形时，我得到了以下结果：
我采取的方法如下：
const rect = [{
x: 200,
y: 225
}, {
x: 490,
y: 225
}, {
x: 490,
y: 375
}, {
x: 200,
y: 375
}];
const triangle1 = [rect[0], rect[1], rect[2]];
co
浏览 0提问于2017-04-20得票数 0
我有一个关于SVG和Firefox的小问题。
我的例子：
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<head>
</head>
<body>
<div style="margin: auto; position: relati
浏览 1提问于2013-03-15得票数 0
2回答
我试图剪辑一个SVG，以消除两面的笔画:具体来说，使用红色矩形剪裁这个平行四边形，以得到右边的结果。
(形状是恒定的，但大小和笔划可能是可变的，所以我尽量避免直接用笔划宽度来计算)。
我读过许多关于CSS剪裁的教程，其中通常有一些使用多边形裁剪路径的简单示例，然后深入到BNF语法片段，描述如何在没有任何有意义的示例的情况下使用几何图形框。
在“带有几何框值的裁剪元素”部分的剪辑路径上的表示，裁剪路径可以指定一个几何框，该框定义相对于什么百分比，其中一个选项是填充框。
.剪辑-我{剪辑路径:多边形(10% 20%，20% 30%，50% 80%)边距框；边距: 10%；}在SVG元素
浏览 5提问于2020-04-17得票数 0
回答已采纳
我试图实现的是基于鼠标按下事件以编程方式绘制多边形。每次按下鼠标事件都会将当前鼠标点添加到多边形的点集合中。
我还处理鼠标移动事件，将当前移动点添加到集合中，并移除前一个点。
现在我能够实现一个实时更新的多边形。
我想要做的是改变连接当前移动点和第一个点的线的颜色(以完成多边形)。
任何帮助都将不胜感激。
浏览 2提问于2013-07-18得票数 0
回答已采纳
2回答
我正在开发一个网站，它想要使用“绘制一些圆圈”来表示谷歌地图上的感兴趣点，但是还没有找到在地图上绘制适当的SVG圆元素的方法。
Google文档概述了一个，但是这些呈现为多边形而不是圆圈(看看圆圈的边界，你会发现它们有一个奇怪的多边形适合于粗糙的圆圈形状，而不是原始的svg:圆形元素)。
是否有可能用radius的r属性绘制一个真正的SVG圆？任何指点都会很有帮助！
浏览 3提问于2017-05-01得票数 2
回答已采纳
3回答
Svg多边形舍入
、、、、
我正在开发一个使用svg的移动/旋转/缩放功能的应用程序。我用Laravel编写后端程序，前端使用html/css/javascript。我在网上看到，折线可以有某种立方贝塞尔曲线。
现在我的问题是:多边形svg元素是否有可能与中的折线具有相同的三次贝塞尔曲线
svg的结构如下：
<svg>
<g data-type="track">
<polygon class="track" points="2588,851 2537,1157 1796,916 1117,723 0,382 40,80 816,
浏览 0提问于2015-12-22得票数 6
回答已采纳
2回答
在这里，我问了更多愚蠢的图形问题。希望我很快就能离开图形世界，再次坚定地将自己置身于无颜色的中间层。我对那些能够通过代码以令人愉悦的方式摆弄图像的人有了新的尊重。
也就是说，我正在画布上画一个多边形。它可以有任意数量的点，但现在假设有12个点。所实现的多边形是通过直线从点到点连接的。我想要应用某种类型的转换，这样形状就会更“自然”地绘制出来，就像有人用钢笔/铅笔连接了这些点一样。
我不确定这是不是描述得太模糊了。我想我正在寻找的是一条bezier曲线，但我是一个图形(和几何)松弛的下巴。一般来说，我对新奇的解决方案感兴趣，只是让直边多边形看起来更像墨水的东西。也许可以使用控件来实现或多或少的“
浏览 0提问于2010-08-16得票数 5
回答已采纳
将笔划添加到Konva多边形(具有closed: = true的Line)时，笔划宽度的一半将添加到多边形的大小。 示例：https://codesandbox.io/s/loving-kirch-8692q 当有两个接触的多边形时，这是一个问题，因为两个笔划重叠。 有没有办法防止这种情况发生？
浏览 17提问于2020-01-11得票数 1
回答已采纳
4回答
我有一个相当大的包含行政区划的SVG文件，需要在Raphael.JS中使用(它有600个多边形，重1.2Mb)。
现在，我需要将这些多边形转换为路径，以便它在拉斐尔中工作。伟大的可以做到这一点，但它不支持任何批处理命令，因此每个多边形相对于其他多边形的位置都会丢失。
你知道有什么工具可以将SVG多边形转换为路径吗？(我还有用于导出SVG的AI文件)。
非常感谢
浏览 1提问于2012-05-23得票数 28
对于一个项目，我使用SVG形状，它由背景多边形和背景多边形上方的一些文本(我已经转换为路径)组成。我正在使用Snap.svg动画我的形状。当我悬停在我的聚伞器上时，这个形状应该缩放到一个特定的大小，包括它里面的所有东西。在鼠标上，形状缩小到原来的大小。
在这里您可以找到一个简化的示例：
我是这样执行的：
SVG/
<svg>
<g class="el">
<polygon fill="#C7B299" points="114.558,206 82.115,149.5 114.558,93 179.442,93
浏览 4提问于2014-02-14得票数 5
回答已采纳
1回答
SVG矩形边框，而不是笔划
、、、、
我正在制作一个d3图，并试图在我的rect元素周围加上一个边框。rect元素被附加到单元格中，而文本元素被附加到同一单元格中。因此，如果我改变了矩形中的笔画，由于某种原因，我丢失了所有的文本，如果我改变了单元格中的笔画，边框和字体也会改变。
这是我用于绘制图形的代码的一部分。
this.svg = d3.select("#body").append("div")
.attr("class", "chart")
.style("position", "relative
浏览 2提问于2014-07-23得票数 0
在动力学中使用strokeWidth时，它会在实际点的每一侧增加宽度。因此，换句话说，笔划在通常为1px的线条上居中，该线条的宽度从中心向外增长。
例如，在下面的图像"A“中，您看到点在(0,0)处，但线从该点向外增长。我需要的是像"B“这样的东西。
我知道我可以通过将多边形按strokeWidth的差值放大来实现这一点，但这会抛出许多度量，我希望有更容易的方法来说“向外增长”。
浏览 0提问于2013-06-03得票数 2
回答已采纳
我想有一个矩形，它占据了SVG文件中的所有位置。它还应该有一个边框(3px笔触宽度)。图形的大小应该很容易改变(通过改变"svg“节点的"width”和"height“属性)。我想出了以下结构：
<svg width="150" height="35" >
<g>
<rect
id="rect6648"
style="fill:#ffffff; fill-opacity:1; stroke:#000000; stroke-width:3;"
浏览 1提问于2011-10-21得票数 1
回答已采纳
2回答
我正在尝试创建一个具有内联SVG的HTML，该SVG具有一个带有CSS背景的元素：
<html>
<body>
<svg>
<foreignObject width="50" height="50">
<div style="red; width:50; height:50"></div>
</foreignObject>
<rect width="50" height="50" tra
浏览 4提问于2019-06-03得票数 0
我有一些动画svg插图，当用户滚动到它们时，它们会在视口的宽度上绘制出来。
它们在正常的屏幕尺寸下工作得很好，然而，我的同事2560x1440显示器没有将SVG dasharray显示到正确的长度。描述它的最好方法就是展示它：
在我的MacBook视网膜显示屏上：
更宽的显示范围：
我有一个测量页面上路径长度的脚本：
let lineLength = this.getTotalLength()
$(this).css('stroke-dasharray', lineLength)
$(this).css('stroke-dashoffset', li
浏览 0提问于2019-08-28得票数 0
1回答
我使用SVG多边形创建了一个六边形。现在，我想在六边形的边上附加onhover事件。下面是我是如何创建SVG元素的。
<svg width="500" height="500" id="svgTry">
<polygon id="polySvg" points="150,0 285,75 285,225 150,300 15,225 15,75 150,0" fill="transparent" stroke="rgb(249, 249, 249)" stroke-
浏览 0提问于2018-05-18得票数 0
3回答
是否可以将对象导出为SVG？
或者，解决方法是将Kintetic的画布转换为SVG。
编辑：
最好的方法是使用，因为它在处理fabric对象时支持canvas到SVG的渲染。
我接受了Phrogz的回答，因为它还可以将canvas转换为svg，而无需使用其他库在canvas上进行绘制。
编辑2:好吧，我搞砸了，Phrogz的库是canvas元素的包装器，所以你可以使用它的方法在canvas上绘制(我以为它只是在canvas上‘侦听’并创建SVG路径)。所以最好的解决方案肯定是fabricJS。
浏览 3提问于2012-04-17得票数 2
回答已采纳
1回答
我目前有一个用D3.js构建的饼图，看起来像这样，但数据不同
数据通过JSON从外部加载。以下是我的代码
(function() {
var w = 670,
h = 326,
r = 150,
inner = 80,
color = d3.scale.category20c();
d3.json("script.php", function (data) {
var vis = d3.select("#pieGraph")
.append("svg:svg
浏览 2提问于2013-06-12得票数 0
回答已采纳
2回答
我有一个包含两个多边形的SVG。我想从头到尾制作第一个多边形的动画，然后再制作第二个多边形的动画。动画将像填充一样工作。 我只想使用笔划-dasharray和css关键帧。 我提供了一支笔，如果你想用它的话。https://codepen.io/anon/pen/byVpjM <svg height="600" width="800">
<polygon class="animateFirst1" points="60 548,171 548,170 266,300 345,297 273,293 213,113
浏览 18提问于2019-05-08得票数 0
3回答
我的任务是开发一种算法，将不同类型的曲线拟合到二维空间中给定的点序列上。
为了能够测试我的算法，我选择了SVG来显示结果。我对它有几个问题。
因为我的算法可能有非常不同的输入和输出，所以我必须能够查看生成的SVG文件并能够放大！
但是SVG中的路径只能以一定的宽度显示。如果我放大，那么路径的宽度会变宽。我希望在所有缩放级别的宽度是例如1像素。对此有解决方案吗？
另外: SVG可以显示点吗？是的，简单，原始的观点。？我发现它不能。
谢谢
浏览 2提问于2009-06-24得票数 7
回答已采纳
1回答
嗨，我想创建一个使用孔效果的加载动画(我真的不知道如何调用它)。最后的目标是隐藏大部分页面，除了屏幕中间的洞(我在第一个截图中实现了这个洞)到目前为止，我设法让它工作，但它完全没有响应，我在我的背景上使用了一个剪辑路径，并在中间形成了一个洞，如下所示： clip-path: polygon(0% 0%, 0% 100%, 30% 100%, 50% 35%, 50% 35%, 59% 65%, 0% 65%, 30% 100%, 100% 100%, 100% 0%) 编辑:为了让它更清晰，我的第一次尝试使用了两个元素，一个是黑色背景的div，一个是中心的三角形svg ? ?
浏览 26提问于2020-12-03得票数 0
这是我的SVG文件：
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="ht
浏览 2提问于2012-05-04得票数 3
回答已采纳
2回答
我有一个“地图”，它是由JavaScript在svg元素上绘制的一组多边形。有没有办法在svg元素中绘制的多边形内部(顶部)绘制文本？
我是否应该尝试在绘制多边形时使用的相同坐标上的svg元素上绘制文本？
谢谢!
另外，无论是clean JavaScript还是jquery都会有所帮助。
浏览 0提问于2011-10-31得票数 0
回答已采纳
2回答
刚刚开始使用<svg>。
我试图画一个简单的矩形与一个边框，但它似乎是在某种程度上给我一个阴影般的效果。它似乎画的右下边框比顶部和左边的边框厚得多。很奇怪。
这发生在我做圆形的边缘和正常的锐利的边缘。
以下是代码：
<svg>
<rect width="30" height="30" rx="5"
style="fill:rgb(255,255,255);stroke-width:1;stroke:rgb(0,0,0)"/>
</svg>
我包括了一个PL
浏览 1提问于2015-08-29得票数 6
回答已采纳
1回答
SVG路径有2个顶点，没有笔画，具有相同的y坐标，仅在Safari中不响应鼠标事件。
请注意，端点顶点的y坐标相同：
<div class="container">
<section class="ui-interactable-content" style="transform: scale(1); width: 100%; height: 100%;"><svg class="path-selection-svg">
<path class="path-
浏览 0提问于2015-10-14得票数 1
2回答
我现在在一个AngularJS应用程序中使用这个甜甜圈图：
但是设计模型说我们希望这样，请注意圆弧绿色部分的边界半径属性：
如何将边框半径添加到d3js输出的SVG中，我目前使用的代码如下所示：
let data = [
{
label: 'Data',
count: scope.data
},
{
label: 'Fill',
count: 100 - scope.data
}
];
let width = 60;
let height = 6
浏览 0提问于2018-05-02得票数 4
回答已采纳
我的应用程序生成一组要在SVG中绘制的图形点。水平和垂直方向的点值始终在0-1000的范围内。进行绘制的矩形的大小可能会更改。
下面是在200 x 85矩形上绘制图形的SVG元素：
<svg width="200" height="85" viewBox="0 0 1000 1000" preserveAspectRatio="none">
<polyline stroke="#e69800"
stroke-width="2px"
浏览 0提问于2012-10-24得票数 4
回答已采纳
1回答
我希望使用纯SVG创建类似于下面的内容，但不使用、、D3 chord或类似的功能。
我可以使用标准路径元素在SVG中使用bezier曲线创建多边形。但是不知道如何用自定义的颜色填充多边形。如何定义此多边形的边界并设置fill属性？
有什么想法能帮上忙吗？
浏览 7提问于2014-04-24得票数 5
回答已采纳
1回答
我注意到不同浏览器之间的形状边界框不一致。我制作了包含以下内容的SVG：
<rect x="100" y="100" width="100" height="100" id="rect" fill="gray" stroke="black" stroke-width="2px" />
<path d="M100 100 L100 200 L200 200 L200 100 z" id="path" fill="
浏览 2提问于2012-09-11得票数 2
回答已采纳
我在一页纸上有一张重复的图片。
如果我手动添加它(通过d3.js)，图像是清晰的，但是如果我使用图像作为填充模式，它是模糊的。
这个问题在最新的IE，FF和Chrome上是一致的。
是否有一种方法可以使我的填充模式看起来与手动添加图像时相同？
JS是，代码包括在下面。
SVG代码：
<svg>
<defs>
<symbol id="rack">
<rect height="50" width="50" rx="5" ry="5&#
浏览 1提问于2015-03-16得票数 0
回答已采纳
1回答
我正在尝试创建一个基于SVG的菜单。我对SVG完全陌生，我已经花了1.5天的时间寻找JS和SVG之间交互的简单示例。我的文档结构是：
/LOCAL_FOLDER (not on a server yet)
+index.html
/CSS
+global.css
/JS
+navigation.js
/IMAGES
+navigation.svg
我有一个简单的html主体。
<body>
<div id="outer-container">
<div id=
浏览 2提问于2013-07-20得票数 0
我期待圆角在顶部，右，底部和左点在下面的多边形。它似乎对stroke-linejoin属性没有任何作用
#container {
display: block;
width: 600px;
height: 400px;
}
.poly {
fill: #4d4d4d;
stroke-linejoin: round;
stroke-width: 5px;
stroke: #19f6e8;
}
<div id="container">
<svg width="100%" height="100%&#
浏览 0提问于2019-10-22得票数 0
回答已采纳
我已经使用svg创建了我的自定义垫子图标，但它们看起来很粗体。
如果我直接在img标签中设置SVG -它看起来很薄，但在材料图标中-粗体我尝试了font-weight，但没有成功
有什么想法吗？
提前感谢
浏览 27提问于2020-02-26得票数 0
2回答
读取代码，svg圆的r属性设置如下：
[attr.r]="radius - stroke / 2"
这是可行的，所以我只是想知道为什么？IIUC r属性是svg圆的半径，所以我很好奇为什么不直接使用组件的radius属性？
浏览 0提问于2018-02-24得票数 0
3回答
在SVG中的<rect>元素上设置笔划宽度:1会在矩形的每一条边上放置一个笔划。
如何在SVG矩形的三个边上放置笔划宽度？
浏览 1提问于2012-01-24得票数 101
2回答
我不想用pyCairo填充多边形，但我希望某些区域没有填充。例如，我想制作这样的东西：
灰色背景是SVG查看器的背景，因此表示图像的透明部分。
我试过用这个代码：
import cairo
cairo.FILL_RULE_EVEN_ODD
svg_file_pointer = open('CairoPoly.svg', 'wb')
shape_container = cairo.SVGSurface(svg_file_pointer, 500, 500)
shape_description = cairo.Context(shape_containe
浏览 0提问于2015-09-28得票数 1
回答已采纳
这与我的有关，我尝试将PDF中的矢量图形提取到SVG文件中。我获得了对应于PDF中页面的。不幸的是，尽管SVG中的形状是正确的，但是当SVG在任何标准浏览器中呈现时，在PDF中看到的填充颜色是不可见的。SVG中的左上角三角形应该是黄色填充，右下角三角形应该是浅蓝绿色填充。我确实在SVG中看到两个矩形剪辑路径(ids为clip_2和clip_3)具有这些颜色，但是为什么SVG呈现不显示这些颜色呢？
浏览 2提问于2013-06-25得票数 1
回答已采纳
我写了一个小的库来在HTML应用程序中绘制签名，它使用宽度可变的贝塞尔曲线(基于绘制速度)来模拟手写效果：。
是否可以在SVG中绘制这样的曲线，即起点和终点宽度不同的Bézier曲线？
浏览 1提问于2015-03-03得票数 1
我有以下SVG形状：
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="200" height="200" viewBox="
浏览 0提问于2015-12-05得票数 2
回答已采纳
2回答
文本阴影和缩放
、、
我正在尝试将文本阴影应用于svg文本，但这对firefox和chrome来说有点but，但我不确定为什么。我正在尝试使用它们在文本周围创建一个边框。
这是我的jsfiddle：
下面是我用来处理文本的css：
text-shadow: 0px -1px 5px red,
0px 1px 5px red,
-1px 0px 5px red,
1px 0px 5px red,
-1px -1px 5px red,
-1px 1px 5px red,
1px -1px 5px red,
浏览 4提问于2013-07-19得票数 0
这就是我的svg：
<svg class="num-frame" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="326.229px" height="242.623px" viewBox="0 0 326.229 242.623" enable-backgrou
浏览 6提问于2015-12-28得票数 1
1回答
有在HTML5画布上模糊形状的方法吗？我知道你可以模糊图像，但你能模糊形状吗(比如用context.lineTo()；绘制三角形/多边形)？
我知道您可以很容易地使用SVG元素来模糊元素(在这里，我也可以像多边形一样使用复杂的形状)，但幸运的是，Safari没有显示过滤器(阴影使用的是什么)&我正在创建一个仅用于iPad的the应用程序。
最佳解决方案将是原生Javascript HTML5画布解决方案，而不是第三方Javascript库。
浏览 5提问于2012-01-23得票数 1
1回答
是否可以在SVG的子路径中绘制不同的笔划(我想要不同的线宽)？
我知道这可以使用不同的路径来完成，但在不同的路径上使用行连接是不可能的。我想使用不同线宽的线连接圆圈。
如果这是不可能的，什么是最好的技术来绘制两条不同笔划的连接线(在下面的图片中，线没有连接)？
浏览 1提问于2011-10-10得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
