javascript - 在 Canvas 中旋转线框球体

标签 javascript html canvas

<分区>

我承认,我还不太精通 canvas 或 javascript(见鬼,我已经很多年没玩三 Angular 了),但我找到了与我要找的东西类似的东西在一些 Canvas 演示中。

旋转球体:http://www.javascriptdemos.com/?demoid=1

这几乎正是我想要的,但我想知道是否有人可以帮我画线而不是点缀经度和纬度。

如有任何帮助,我们将不胜感激。

最佳答案

在 HTML Canvas 上下文中画一条线:

var ctx = mycanvas.getContext('2d');
...
ctx.lineWidth   = 2; //px
ctx.strokeStyle = '#000'; // black
ctx.beginPath();
ctx.moveTo(14,42); // First point
ctx.lineTo(20,30); // Repeat as desired
ctx.lineTo(25,35); // Repeat as desired
ctx.stroke();      // Actually draw the path! 

我怀疑您在尝试时错过了对 stroke() 的调用。请注意,您可以调用 moveTo() multiple times during a single path ,只要您希望对所有线段使用相同的 lineWidth/strokeStyle(就像您所做的那样)。

关于javascript - 在 Canvas 中旋转线框球体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4337689/

相关文章:

iphone - 将此 Flash 应用程序转换为 iPhone 兼容的最佳方法?

javascript - 在 html Canvas 中绘制具有特定 Angular 线

javascript - 使用 pixi.js/WebGL 进行缩放时效果不佳

javascript - Google 的 Dart 如何获得更好的性能?

javascript - C# .NET AES 与 JavaScript 的互操作性

javascript - 如何修复 Logo 保持无响应

javascript - ng-repeat 在 AngularJS 1.6 中不起作用

html - anchor 链接仅在浏览器中有效,但在 HTML 电子邮件 (Outlook) 中无效

html - 为什么这个 HTML 元素开始时缩进,我怎样才能让它从左页面边缘开始?

JAVA:为什么图像加载速度比应用程序、Window Frame 慢?