Question

我有一个包含图形的Canvas（例如表格）。如何将一条线的坐标放入此表中？或表格第一行顶部的x-coord和y-coord？

 _________________________ <- this line   
|                         |
 _________________________
|                         |
 _________________________

例如：http://jsfiddle.net/trouble/CVjwj/

由于

Answer 1

对于浏览器，一旦在画布上绘制了某些内容，浏览器就会拥有与<img>标记一样多的信息。浏览器不像CSS边框或SVG元素那样了解线条。您必须使用图像识别概念来查找边框，我不建议这样做。

传达有关画布的信息的正确方法，以及给您带来最少麻烦的方式，是向程序员提供画布和有关它的详细信息。有点像，“这是画布，我在这里，这里和这里画线。”

例如，您可以拥有一个JavaScript对象：

var table = {
    canvas: myCanvasElement,
    rows: [
        {
            cells: [
                {
                    x: 25,
                    y: 25
                    w: 100
                    h: 50
                }
            ]
        }
    ]
};

理想情况下，当您在画布上绘图时，您将生成此对象。

如果你想要这么做，你可以在技术上一次读取一个像素，并评估它是黑色还是白色（假设你没有模糊的线条），但你的程序员仍然需要知道从哪里开始检查。如果您决定对绘图进行更改，则计算成本更高，编程更难，更脆弱。 将画布视为输出，而不是输入。

如何将图形（线）的坐标或位置放入画布？

1 个答案: