jquery - 如何使用 jQuery 和 HTML5 canvas 画线

Question

我觉得应该是一个简单的问题。我一直在尝试搜索它一段时间，但我发现的一切都比我需要的更复杂。所以这是我的问题。如何使用 jQuery 在 HTML Canvas 上绘制一条简单的线？

<canvas id="canvas">
<!-- I want jQuery to draw a line here -->
</canvas>


$(document).ready(function() {
   //I would like the line to draw when the document loads.
});

注意.. 我不是在寻找它来绘制或显示绘图 Action 或类似的东西。基本上我只想能够加载页面并显示一行。我的最终目标是最终绘制 3d 对象。但在我这样做之前，我首先需要知道如何做基础知识......(IE)画一条线。

提前致谢

Answer 1

这是 how to do it in Javascript (你可以简单地将它插入你的函数中，但脚本在没有 JQuery 的 script 标记中也能正常工作，这可能是最好的)。示例:

var c=document.getElementById("canvas");
var ctx=c.getContext("2d");
ctx.moveTo(0,0);
ctx.lineTo(150,40);
ctx.stroke();

如果你想变重，Javascript 库很难做得更好 Raphaël和 D3 .