<分区>
我承认,我还不太精通 canvas 或 javascript(见鬼,我已经很多年没玩三 Angular 了),但我找到了与我要找的东西类似的东西在一些 Canvas 演示中。
旋转球体:http://www.javascriptdemos.com/?demoid=1
这几乎正是我想要的,但我想知道是否有人可以帮我画线而不是点缀经度和纬度。
如有任何帮助,我们将不胜感激。
标签 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 - ng-repeat 在 AngularJS 1.6 中不起作用
html - anchor 链接仅在浏览器中有效,但在 HTML 电子邮件 (Outlook) 中无效