•  21-09-2019
  •  | 
  •  

题

我有点糊涂了html5画布上。我已经告诉它是JavaScript，但它似乎是一个更大的交易？

  1. 是什么使得它不同于javascript?

  2. 为什么这么神奇？

  3. 它不会做其他事情比JavaScript?

有帮助吗？

解决方案

我建议你读到这篇文章 HTML5布面的基础知识

但是在短暂的。它不会取代javascript。

HTML5 画布 给你一个简单和 强有力的方式绘制的图形用 JavaScript。每个帆布元 你可以使用一个"上下文"(考虑 网页在绘图板)，到你 可问题JavaScript命令画 任何你想要的东西。浏览器就可以 实现多个帆布背景和 不同Api提供的图纸 功能。

其他提示

的 canvas 基本上是一个 img 元素可以借鉴在使用javascript。

的 帆布元 基本上是一个画布，可以画上的编程方式;一种可编写脚本位图绘制工具的网络。

我想"惊人"的事情，除了从这一事实，我们可以现在，所有建立基于网络的MS画图的克隆，是，你有一个更加富裕，完全自由形式的区域创建复杂的图形的客户端和飞行。你可以得出漂亮的曲线图，或者做的事情的照片。据称，还可以做的动画！

Mozilla的开发中心有一个合理的教程 如果你想尝试。

第一，画布是不JavaScript!这2个是完全不同的东西。

画布是一个HTML5元，可用于绘图形、动画、图表、照片组合或任何其他视觉物体在飞行中通过使用JavaScript。更经常、帆布了用于建立网游戏和网络的介绍。

  • 画布 -一个矩形区域如白纸
  • 上下文 -返回的目的使用什么我们可以把许多职能在它被用于绘制的图像和动画画布上(怎么样铅笔用于纸)

见以下实例绘制一个路线上的画布：

<html>
      <body>
       <canvas id="c" width="200" height="200" style="border:1px solid"></canvas>
        <script>
          var canvas = document.getElementById("c");//get the canvas in javascript
          var context = canvas.getContext("2d");//getcontext on canvas
          context.beginPath();//start the path.we are going to draw the line
          context.moveTo(20,20);//starting point of Line
          context.lineTo(40,20);//ending point of Line
          context.stroke(); //ink used for drawing Line (Default: Black)
        </script>
      </body>
    </html>

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top