原文:2. JS组件概念--从零起步实现基于Html5的WEB设计器Jquery插件(含源码)

上文提到计划开发的一个支持用户扩展的开放设计器平台,它基于Html ,纯JS,考虑到方便用户进行引用和扩展,定义成一个单独的js组件的形式,本文重点就如何设计JS组件做一个详细说明。 设计组件前,我们先要思考组件如何初始化,首先既然是图形化的,那就必须用到HTML 的Canvas元素,开发人员先在页面上建一个canvas作为设计器组件的宿主,在组件 function ... 执行时,调用组件的初始 ...

2018-09-06 15:39 0 767 推荐指数:

查看详情

7.组件连线(贝塞尔曲线)--从零起步实现基于Html5WEB设计Jquery插件源码

上节讲到如何创建组件,清除设计视图,以及设计视图的持久化和恢复,本节将重点讲如何实现组件间的连线,前面章节有提到为了方便从持久化文件中恢复,组件和连线是分别存放的:nodes和lines对象,两个组件实现连线主要也还是通过鼠标拖动事件实现,但前提是有一个连接点的概念,即我们要从组件上、下、左、右 ...

Fri Sep 14 17:30:00 CST 2018 1 953
1. 概述--从零起步实现基于Html5WEB设计Jquery插件

当一个软件为了达到一定的业务扩展性时(产品上线后限定范围内的用户需求无需变更代码,通过简单的配置可满足用户的要求),必然要求软件是可配置的。 笔者过去开发过很多配置型的管理软件,从可配置的表单设计(Form Designer),报表设计(Report Designer),到工作流设计 ...

Wed Sep 05 00:12:00 CST 2018 0 1261
HTML5实践 -- 三实现响应式设计

  转载请注明原创地址:http://www.cnblogs.com/softlover/archive/2012/11/25/2787559.html   响应式web设计现在已经不是一个难事了,如果你还不熟悉他,可以参看我的文章《HTML5实践 -- 流式响应式设计》。如果你是一个 ...

Thu Nov 29 18:14:00 CST 2012 1 5802
Dynatable – 基于 HTML5 & jQuery 的交互表格插件

  Dynatable 一款有趣的,语义化,交互式的表格插件,使用 jQueryHTML5 和 JSON 实现。Dynatable 的目的是提供一种简单的、可扩展的 API,能够轻松的浏览和操作大规模的数据集。Dynatable 提供包括排序,搜索和过滤等常用的数据处理功能。 您可能感 ...

Fri Dec 20 19:32:00 CST 2013 2 10719
html5 js实现浏览全屏

全屏 var docElm = document.documentElement; //W3C if (docElm.requestFullscreen) { ...

Thu Jun 11 23:22:00 CST 2015 0 2867
js,jquery,css,html5特效

包含js,jquery,css,html5特效,源代码 本文地址:http://www.cnblogs.com/roucheng/p/texiao.html 2017新年快乐特效 jQuery最新最全版本下载 CSS3实现手机移动端触屏向上拖动的提示箭头动画 ...

Tue Dec 01 06:30:00 CST 2015 0 30035
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM