网页开发基础教程：[2]canvas画板制作

详细操作

首先要创建一个html文件，并且下载jquery文件，并且设置好两个文件的路径关系，

下面是整个代码页面的截图，下面开始动手做一个画板，

这里加入一些必要的css样式和把下载好的jquery文件引入到其中，此处指定画笔的颜色是红色的。

这里是设置画布的长和宽，此时设置为浏览器的高度和宽度。最后是js处理的一些逻辑，检查鼠标的按下和松开。

用户类似问题：

问题1：MFC 制作 画板 求详细源代码

这里有个范例，希望能帮到你，请到附件里下载。 >>详细

问题2：想用canvas做画板，但是画不出来，实在走投无路，...

canvas test#php100{border:1px solid #ccc;}var c=document.getElementById("php100");var p100=c.getContext("2d");p100.lineWidth=5;p100.strokeStyle="red";paint=0;$("#php100").mousedown(function(e){var mouseX=e.pageX-this.offsetLeft... >>详细

问题3：如何用canvas画板实现一个简单的球在盒子内反弹运动

1、创建Canvas画板 HTML5内声明一个Canvas画板很简单，只需要这样在HTML页面内加入一个canvas标签即可，需要定义其大小和id view sourceprint? 1. 2.对不起，你的浏览器不支持Canvas标签！ 3. 2、实现方案整理 要实现这样一个球在固定盒子内随机... >>详细

问题4：HTML5 canvas 图片放置到画板上不成功

不是出不来，是你浏览器不支持。HTML5的特性，IE浏览器部分不支持，具体可查w3c网站。你可以换了浏览器试试，比如firefox等 >>详细

问题5：html2canvas 跨域代理怎么实现

指定两个canvas的postion:absolution,然后设置者两个canvas的left与top属性，需要注意的是建议把小的canvas放到上面，方法是设置两个canvas的z-index为不同的值，值大的在上面。 >>详细