html - 如何在 snap.svg 中使用多边形

标签 html svg snap.svg

我正在尝试在 snap.svg 中创建一个多边形(三角形)。我阅读了文档,但仍然不确定该怎么做。我看到文档中有一个多边形对象,但没有明确的方法来使用它。我应该把多边形的点放在哪里?

会是这样吗?

paper.polygon("M10, 20L30, 40");

最佳答案

你可以使用一个数组或者只是将坐标放在一起,比如

s.polygon(10,10,10,30,100,100).attr({ fill: "red", stroke: "blue" });

s.polygon([110,10,110,230,80,30]).attr({ fill: "yellow", stroke: "green" });

关于html - 如何在 snap.svg 中使用多边形,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23745277/

相关文章:

php - 使用 PHP session 更改文本颜色不起作用

javascript - 根据 javascript 中的元素 id 在加载时删除和添加类

javascript - 将每个 div 的内容 append 到 textarea

javascript - 使用 js/jQuery 动画 SVG 路径

javascript - 我的内联 SVG 和嵌入式 SVG 存在问题

html - 如何在内容较少的情况下将网页右下角的 div 对齐?

javascript - 如何使嵌入在 HTML 中的 SVG 加载其 xlink :href dependencies?

javascript - 替换 svg 元素

Javascript 函数参数不会加载

javascript - 对所有 SVG <path> snap.svg 重复代码功能