问题标签 [curves]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - HTML5 Canvas 贝塞尔曲线 - 背景不想加载
有没有人可以帮我写剧本?参见jsfiddle.net/7QmSz/3。
HTML:
CSS:
JavaScript:
问题是当您第一次加载页面或刷新浏览器时,脚本不会加载背景图像。而是显示默认背景。我不知道问题是什么。
actionscript-3 - Flash 自动查找曲线交点。我可以像在 actionscript 中使用 curveTo 一样使用该代码吗?
还是我必须沉迷于数学并自己做样条交叉数学?我知道二次 b 样条的基本数学。
我正在尝试制作程序随机生成的凯尔特结作品,它可以自己动画。我的灵感来自于 Kells 原著和同名动画。这意味着充其量它会非常复杂 - 大量曲线动画快速。我要生成 - 响应用户 - 具有最高复杂性的凯尔特结......这可能意味着只有 12 点随机动画并响应鼠标移动但是......我会喜欢成百上千的……总有一天。
开发一个移动的随机弯曲双线循环涂鸦很容易。我喜欢由 12 到 14 个随机点组成的曲线的外观。现在我想把它编织在下面。为此——我需要为每一帧快速找到大量随机曲线的交点。当我在 Flash 中以-not object-drawing 模式绘制曲线时...... Flash 会自动为我生成交点。
问题: - Actionscript 3.0 中是否有与在 Flash 绘图界面中如此容易完成的交叉点等效的交叉点类/方法/函数?
- 作为一名艺术家,您在 Flash 中所做的工作中,有多少像 Actionscript 3.0 中的 curveTo 这样很酷的类?
-我可以看到curveTo的源代码吗?
- 我可以扩展curveTo来做我想做的事吗?
-我一直在阅读和重新阅读参考资料以及如何扩展课程......我所做的。但是我如何学习如何扩展curveTo ...或Path类...可以吗?
java - 如何通过点制作直线曲线
我正在寻找一种通过多个点制作直线曲线的方法。最好使用 3 个点,尽管我认为为了给进入点的线的角度提供上下文,可以说,可能需要更多的点来给曲线提供上下文。
一般来说,一个起点P1,一个控制点P2和一个终点P3,线应该从P1弯到P2,然后从P2弯到P3。
实际上,这是我想要达到的效果的完美示例:
如果我能做到这一点,我真的会永远感激不尽!
到目前为止,在 Java 中,我尝试过使用QuadCurve2D.Double、Cub icCurve2D.Double和Path2D.Double(将 curveTo 与 Path2D.Double 一起使用)之类的东西,但无济于事 - 绘制的曲线甚至没有接近通过指定的控制点。
这是迄今为止我尝试过的方法的图像:
这是我用来生成图像中的点和曲线的代码:
我希望曲线通过点的原因是我想“平滑”我写的折线图上顶点之间的过渡。在任何人提到它之前,JFree Chart 不是一个选项。我知道使用了不同类型的曲线和样条曲线,但我没有太多运气来准确理解它们的工作原理或如何实现适合我需要的东西。
我将非常感谢提供的任何帮助 - 提前致谢。
gnuplot - gnuplot:在 y 轴上绘制一个有 4 列的文件
我有一个包含 4 个数字(最小值、最大值、平均值、标准导数)的文件,我想用 gnuplot 绘制它。
样本:
如果我有一列有 4 个文件,那么我可以这样做:
它将绘制 4 条曲线。我不关心 x 轴,它应该只是一个恒定的增量。
我怎么能请情节?我似乎找不到一种方法来让 4 条曲线和 1 个文件和 4 列,只是有一个不断增加的 x 值。
谢谢你。
r - R中具有相同时间x轴的多条曲线
你能帮我解决这个问题吗?事实上,我想在 R 上的同一张图上绘制多条曲线,x 轴带有时间标记。
我试过这个:
但问题是我不能在这种情况下添加一条带有线条的曲线,但如果我只使用绘图绘制一条曲线,它就可以正常工作。
非常感谢。
html - 使用 Raphael.js 通过闭合点绘制平滑矢量曲线
我无法使用 Raphael.js 通过一系列闭合点绘制平滑曲线。我已经尝试了除椭圆之外的所有曲线类型,它们都带有“凹凸不平”的曲线。
看到这个显示图像的网址:http: //neu14.com/demographics/curve.png
路径:“M 0,0 S 1,5 1,10 S 1,15 1,20 S 1,25 1,30 S 1,35 1,40 S 2,45 2,50 S 3,55 3,60 S 4,65 5,70 S 6,75 6,80 S 7,85 8,90 S 9,95 10,100 S 11,105 12,110 S 14,115 15,120 S 16,125 17,130 S 19,135 20,140 S 23,145 26,150 S 29,155 31,160 S 35,165 38,170 S 41,175 44,180 S 49,185 53,190 S 62,195 71,200H 0 V 0 Z"
和代码: shape = paper.path(path); shape.attr({fill:"#09f"});
最后,我确实尝试了这个解决方案,但这并不是一个改进: smooth svg path connection
有任何想法吗?
谢谢!
pdf - SVG 曲线路径作为遮罩
我正在尝试使用弯曲路径作为遮罩(右上角应该是圆形的)。svg 在当前浏览器中正确呈现,但是当我将 svg 转换为 PDF 或图像时,曲线会丢失。我尝试过 Inkscape、ImageMagick 和 rsvg-convert。我的svg有问题吗?或者有没有其他方法可以创建一个圆角的蒙版?
text - 如何使用处理在字符曲线周围生成随机点?
我想沿多行文本的每个字符生成随机/噪声点。我已经用几何库尝试过这个,但不幸的是它不支持多行。还有其他解决方案吗?
python - 如何将文本转换为路径?
我正在尝试将文本转换为曲线和路径,例如:
Text = '欢迎使用 python'
我正在尝试将此文本转换为路径。我也试图将此路径信息作为点列表获取。
我想将文本作为路径存储在 SVG 文件中。
例如,当您在 adobe illustrator 中将文本转换为轮廓时。
我试过这个例子,但这不是我想要的: cairo example
javascript - 如何在 HTML5 Canvas 上连续绘制 Sin 函数
我想根据随着时间连续绘制的 sin 函数绘制波浪。我的意思是波浪将向左滑动并从屏幕左侧消失,同时我将在屏幕中央添加它,以便它永远持续下去,向上起伏下。重点是对 sin 函数的简洁/有教育意义的演示。
我知道如何绘制二次曲线和贝塞尔曲线,但提供的方法只是一次绘制所有曲线。没有平稳的进展,这是我需要的。
我想简单地根据 sin 函数在屏幕中心以垂直偏移量生成粒子,并让粒子以恒定速度向左移动。但是不断产生粒子来绘制似乎非常低效。
有什么技术可以让我在 HTML5 画布上连续绘制曲线吗?