canvas教程

Javascript如何在网页上实现画图功能

字号+ 作者:H5之家 来源:H5之家 2017-12-07 09:03 我要评论( )

Javascript如何在网页上实现画图功能 Javascript如何在网页上实现画图功能·IT人才帮帮忙·请写的完整些··谢谢 方法只有一个: 通过canvas的方式,在画布上画

方法只有一个:

      通过canvas的方式,在画布上画图

步骤:

1、定义一个canvas

2、获取canvas,然后通过画图

示例:canvas 元素来显示一个红色的矩形

<canvas id="myCanvas"></canvas>//定义一个canvas
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');//获取canvas
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000'; //图形填充色
ctx.fillRect(0,0,80,100); //绘制一个红色矩形
</script>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Canvas画图设置渐变色

    Canvas画图设置渐变色

    2017-10-21 18:24

  • Canvas教程(6)

    Canvas教程(6)

    2017-10-18 14:34

  • 与canvas不同的svg画图

    与canvas不同的svg画图

    2017-10-07 12:04

  • HTML5 canvas绘图,如何使图像边缘变的平滑?

    HTML5 canvas绘图,如何使图像边缘变的平滑?

    2017-09-19 15:42

网友点评