注意部分:canvas的height和width不能再css中设定,应该在html中设定,否则会影响页面的分辨率。效果图:图1:代码css:#canvas{ cursor: crosshair;}button{ width: 80px;}.yellowBtn{ background...
分类:
其他好文 时间:
2014-07-08 22:31:32
阅读次数:
223
首先要创建一个工具栏,并为工具栏中的放大、缩小按钮定义事件。
var canvas=ylEditor.ylCanvas;//ylEditor.ylCanvas是我定义的一个mxGraph实例的全局对象。
var toolbar= $('#toolbar');
toolbar.find('img').css( {
'margin-right' : '5p...
分类:
其他好文 时间:
2014-07-08 21:23:52
阅读次数:
278
使用HTML5的Canvas制作简单的图形绘制器。思路整理,浏览破千或评论过百,即上源码分享。...
分类:
Web程序 时间:
2014-07-08 19:20:34
阅读次数:
378
随着手机开发越来越流行,手机开发的很多框架也应运而生,比较好用的手机网站开发框架推荐如下:
1、zeptojs,里面封装了很多手机特有方法,例如touch.js等等。和jquery用法差不多,很好上手!...
分类:
移动开发 时间:
2014-07-08 15:30:52
阅读次数:
253
Canvas元素称得上是HTML5的核心所在,它是一个依靠JavaScript绘制华丽图像的元素。Canvas由一个可绘制地区HTML代码中的属性定义决定高度和宽度,JavaScript代码可以访问该地区,通过一套完整的绘图功能类似于其他通用二维的API,从而生成动态的图形。Canvas可以在浏览器...
分类:
Web程序 时间:
2014-07-08 12:42:22
阅读次数:
158
低版本的ie不支持html5,需要引入excanvas.js来让ie支持canvas.检测 你的浏览器不支持canvasvar canvas = document.getElementById('canvas');if(canvas.getContext) alert('支持canvas');>> ...
分类:
其他好文 时间:
2014-07-08 11:56:21
阅读次数:
178
Canvas API1、HTML5 Canvas 概述 1.1 历史 Canvas的概念最初是由苹果公司提出的,用于在Mac OS X WebKit中创建控制板部件(dashboard widget)。在Canvas出现之前,开发人员若要在浏览器中使用绘图API,只能使用Adobe的Flas...
分类:
Web程序 时间:
2014-07-06 21:49:25
阅读次数:
309
HTML5 Canvas 简单的说就是js+html5可以自定义绘制任何图形认识Canvas元素 上面即是一个标准的Canvas的元素,暂时先当一个div去理解,只不过这个Canvas可以作图而已。认识2D渲染上下文通过js去访问,这个js对象是你真正绘制图形的地方。小提示:绘图使用js访...
分类:
其他好文 时间:
2014-07-06 19:18:20
阅读次数:
158
根据工作的需要,制作一个摆动的树做为页面的背景。为了增加页面的交互性,我又为背景中的树增加了鼠标(触控)事件,使他能够根据鼠标(触控)做出相应的动作,当手指做上下或者左右滑动的时候树会跟着摆动。先看看最终效果。...
分类:
其他好文 时间:
2014-07-06 08:55:45
阅读次数:
376