2

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

<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.
});

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

提前致谢

4

2 回答 2

5

以下是如何在 Javascript 中执行此操作（您可以简单地将其插入到您的函数中，但脚本将在script没有 JQuery 的标记中正常工作，这可能是最好的）。例子：

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

如果你想变得更重，那么 Javascript 库Raphaël和D3很难更好。

于 2012-07-02T19:29:49.447 回答
4

您实际上并不需要 jQuery... jQuery 不提供画布功能。

var canvas = $('#canvas_id')[0];
if (canvas.getContext){
  var ctx = canvas.getContext('2d'); 
  ctx.lineWidth = 1;
  ctx.beginPath();
  ctx.moveTo(0,0);
  ctx.lineTo(5,140);
  ctx.stroke();
}
于 2012-07-02T19:32:02.420 回答