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

JavaScript014

Javascript如何在网页上实现画图功能,第1张

方法只有一个:

    通过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>

js输出html中表格的方法如下:

document.write("<table border=1 >")

for(i=1i<=ri++)

{

document.write("<tr>")

for(j=1j<=cj++)

document.write("<td>"+Math.pow(j,i))  //输出数组

document.write("</tr>")

}

document.write("</table>")

运行结果:

呃,楼上的动态有歧义啊

动态页指的是脚本页,要处理数据才用到,跟js没啥关系啊

不管你做什么网站,前台的表现肯定是html代码构成的,js是作为一种辅助的存在,例如实现前台的一些动画效果,改变控件属性,改变样式,或是向后台传递数据等等等

所以html做横版页面是用的html代码,css只是规定html代码构成元素所表现的视觉样式,而js是作为一种辅助。

一个好的html页,应该是这样,页面只有html代码

css代码单独存放,只在html添加一个引用路径

js代码单独存放,只在html添加一个引用路径