我觉得应该是一个简单的问题。我一直试图搜索它一段时间,但我发现的一切都比我需要的更复杂。所以这是我的问题。如何使用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)画一条线。
提前致谢
答案 0 :(得分:3)
这里是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();
答案 1 :(得分:2)
你真的不需要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();
}