`
cxy020
  • 浏览: 63604 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

画一条线

Java 
阅读更多 
<html>

<body>
<canvas id="diagonal" style="border:1px solid red;"></canvas>
</body>
</html>

<script type="text/javascript">
window.onload=function(){
	var canvas = document.getElementById("diagonal");
	var context = canvas.getContext("2d");
	
	context.beginPath();//开始绘制
	context.moveTo(70,140);//将画笔移动到 x-70 y=140  (线起点)
	context.lineTo(140,70);//绘线终点
	context.stroke();//将线 画到canvas上
}
</script>
分享到：
| 前端工程师的进阶之路
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    用vc++真正画一条线

    真正的画一条线，不是用moveto和lineto来编程

    使用Canvas进行鼠标画图和线程画线

    以下是一个简单的例子，从屏幕顶部开始，每次向下画一条线，直到画满整个屏幕： ```javascript let y = 0; const lineHeight = 1; function threadDraw() { ctx.beginPath(); ctx.strokeStyle = 'blue'; ctx....

    （C# winform）仅仅从鼠标单击获得四个点去画一条曲线，使用了switch语句

    C# winform）仅仅从鼠标单击获得四个点去画一条曲线，使用了switch语句。

    html5使用canvas画一条线

    这篇简短的文章介绍了如何使用Canvas API来画一条线，这是一道非常适合初学者入门的练习。 首先，我们需要获取Canvas元素。在HTML中，我们可以创建一个`&lt;canvas&gt;`标签，并给它一个ID，例如`canvas`。然后在...

    html-lines:使用 HTML 元素在两个现有元素之间画一条线

    使用 HTML 元素在两个现有元素之间画一条线。 将redraw方法附加到 window.resize 事件时，可以轻松地使线条响应式工作。 使用 CSS 控制线条样式和动画。 使用 LINES API 来操作线条。 线 这是加载 html-lines.js 时...

    画一条带箭头的线matlab源码

    ARROW（开始，停止）用箭头从开始到停止画一条线（点应该是长度为2或3的向量，或者是具有2或3列的矩阵），并返回箭头的图形句柄。ARROW本身将使用鼠标进行选择。 ARROW演示和ARROW DEMO2展示了ARROW功能的三维和二维...

    arrow:用箭头画一条线。-matlab开发

    箭头（5/12/2021）用箭头画一条线。 ARROW（Start，Stop）用箭头从Start到Stop画一条线（点应为长度2或3的向量，或2或3列的矩阵），并返回箭头的图形句柄。 ARROW本身将使用鼠标进行选择。 ARROW DEMO和ARROW ...

    Unity下使用UGUI画线

    网上搜出来大多画线是用LineRender,在3D场景中比较方便；... 重新画时，会保留上次的线条并重新画一条线 4. 因为引擎顶点数限制，不能无限画 使用方法： 将脚本挂载到Canvas的空节点下，设置节点尺寸，调节参数即可

    Unity3D中用Vectrosity插件画直线、画点、画曲线、画方框2

    * 可以使用 Vector.SetLine 方法来画一条线，从一个点到另一个点。 * 可以使用 Vector.SetRay 方法来画一个射线，从一个点到另一个点。 * 可以使用 Vector.SetRay3D 方法来画一个真正的 3D 线。 * 可以使用 Update ...

    VC单文档的视图画矩形

    在VC++环境中，开发一个单文档界面（Single Document Interface, SDI）的应用程序时，我们经常需要在视图上绘制图形，例如矩形。本文将深入探讨如何在VC6环境下，利用MFC（Microsoft Foundation Classes）库实现单...

    c#图片 画线

    然而，描述中提到只能画一条线，这意味着在画多条线时，之前画的线会被覆盖。为了解决这个问题，我们可以将每条线的起始和结束点保存到一个列表中，然后在Paint事件中遍历这个列表，画出所有线条。此外，可以添加一...

    怎么样使用Graphic画直线和曲线

    这个小作业我用Graphic做的一个画图程序，看了肯定会用Graphic了 仅对于初学者啊

    汇编语言画直线.rar

    在汇编语言编程中，画直线是一个挑战性的任务，因为它涉及到计算、循环和条件判断等基本操作。这个名为"汇编语言画直线.rar"的压缩包包含了一个汇编语言程序，用于实现画直线的功能，但具体实现细节需要我们自行理解...

    C#实现在控件上画直线

    以下是一段基础的代码示例，展示如何在控件上画一条直线： ```csharp public partial class Form1 : Form { public Form1() { InitializeComponent(); // 注册Paint事件 this.Paint += new PaintEventHandler...

    c# 画线和矩型 且该线和矩型可拖动也画多条2

    例如，你可以使用`Graphics.DrawLine(Pen, x1, y1, x2, y2)`来画一条线，`Graphics.DrawRectangle(Pen, x, y, width, height)`来画一个矩形。 3. **Pen对象**： `Pen`对象用于设置线条的颜色、宽度和样式。例如，`...

    2D_TerrainDeformation:在屏幕上画一条线，并允许用户单击鼠标使其变​​形

    2D_Terrain变形在屏幕上画一条线，并允许用户单击鼠标使其变​​形总体上来说这很粗糙，但是几乎可以实现朋友提出的最初想法。 使用-左/右键单击以使地形变形（上下移动）-单击并拖动以移动视图-底部的点的形式用于...

    cocos2d-iphone 手指画线

    每次调用，我们都可以在新位置与上一位置之间画一条线，以形成连续的轨迹。 3. `onTouchEnded`: 当用户抬起手指时，此方法会被调用，表示绘制结束。此时，我们可以停止绘制线条，并根据需要进行后续处理，如保存...

    BCB画橡皮线和橡皮矩形

    - **Step 3**：在OnMouseMove事件中，如果鼠标左键被按下，计算当前鼠标位置，并在这两个点之间画一条线。为了模拟橡皮效果，我们需要改变线条的颜色和样式。通常，我们可以选择白色或者与背景色相近的颜色，并设置...

    中点画线算法画一万条直线

    在VS2013和OpenGL环境下用中点画线算法画一万条直线。

    js画直线带箭头哦

    上述代码将在画布上从(10, 10)画一条线到(200, 100)，并用`stroke()`方法绘制出来。 现在，我们来添加箭头。箭头通常由三条线段组成：主线段、左翼和右翼。我们可以计算出箭头尖端的角度，然后根据该角度旋转坐标轴...

Magicbox
Global site tag (gtag.js) - Google Analytics