会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
DotNET 程序猿
Powered by
博客园
博客园
|
首页
|
新随笔
|
联系
|
订阅
|
管理
上一页
1
2
2018年9月14日
7.组件连线(贝塞尔曲线)--从零起步实现基于Html5的WEB设计器Jquery插件(含源码)
摘要: 上节讲到如何创建组件,清除设计器视图,以及设计视图的持久化和恢复,本节将重点讲如何实现组件间的连线,前面章节有提到为了方便从持久化文件中恢复,组件和连线是分别存放的:nodes和lines对象,两个组件实现连线主要也还是通过鼠标拖动事件实现,但前提是有一个连接点的概念,即我们要从组件上、下、左、右四
阅读全文
posted @ 2018-09-14 09:30 撸码不掇
阅读(1958)
评论(1)
推荐(0)
编辑
2018年9月12日
6. 设计视图元素管理--从零起步实现基于Html5的WEB设计器Jquery插件(含源码)
摘要: 关键字:设计器源代码,Web设计器,工作流设计器,jQuery插件,组态设计器,SCADA系统设计器,流程图设计,表单设计建模,报表设计,可视化,设计时,运行时,轻量级开放平台。 上节讲到如何通过OOP思路设计设计器视图和元素,本节将重点讲述设计视图上的元素管理(创建组件,清除组件,打开文件,持久化
阅读全文
posted @ 2018-09-12 11:31 撸码不掇
阅读(401)
评论(0)
推荐(0)
编辑
2018年9月7日
5. javascript OOP编程:封装、继承--从零起步实现基于Html5的WEB设计器Jquery插件(含源码)
摘要: 面向对象编程三要素:封装、继承、多态,在这节中将结合设计器的组件设计来阐述javascript如何实现。 1.封装:在设计器中的组件是很适合来说明封装的概念,组件是可以拖放到设计器画布上的元素,他可以有不同的形状,不同的背景,但通过抽象和提炼后具备以下共性 都可以拖放到画布上 都可以被选中和反选 都
阅读全文
posted @ 2018-09-07 16:55 撸码不掇
阅读(427)
评论(0)
推荐(0)
编辑
4. 设计时的组件选择与移动--从零起步实现基于Html5的WEB设计器Jquery插件(含源码)
摘要: 众所周知,设计器在组件拖到设计视图上需要选中(选中后设置属性),拖动变换位置,前面示例已经可以将圆、矩形、椭圆拖到设计器上了,本文详细说明如何选中和拖动。 选中操作就是要在图形边上增加高亮边框和锚点。幸运的是paper.js提供选择/取消选择的方法(具体参考paperjs.org)。 代码片断:(创
阅读全文
posted @ 2018-09-07 11:17 撸码不掇
阅读(399)
评论(0)
推荐(0)
编辑
2018年9月6日
3. 鼠标Drag/Drop事件--从零起步实现基于Html5的WEB设计器Jquery插件(含源码)
摘要: 前面一文已经创建了一个Jquery插件,并在初始化时渲染了一个红色的矩形,作为一个设计器,最常用的操作是直接从面板中将组件拖到画布上生成实例,本文主要讲述如何通过拖动组件来显示。 html元素是支持拖动的,主要通过 draggable="true"来允许元素可被拖动,以及三个事件dragstart(
阅读全文
posted @ 2018-09-06 18:13 撸码不掇
阅读(581)
评论(0)
推荐(0)
编辑
2. JS组件概念--从零起步实现基于Html5的WEB设计器Jquery插件(含源码)
摘要: 上文提到计划开发的一个支持用户扩展的开放设计器平台,它基于Html5,纯JS,考虑到方便用户进行引用和扩展,定义成一个单独的js组件的形式,本文重点就如何设计JS组件做一个详细说明。 设计组件前,我们先要思考组件如何初始化,首先既然是图形化的,那就必须用到HTML5的Canvas元素,开发人员先在页
阅读全文
posted @ 2018-09-06 15:39 撸码不掇
阅读(1485)
评论(0)
推荐(0)
编辑
2018年9月4日
1. 概述--从零起步实现基于Html5的WEB设计器Jquery插件
摘要: 当一个软件为了达到一定的业务扩展性时(产品上线后限定范围内的用户需求无需变更代码,通过简单的配置可满足用户的要求),必然要求软件是可配置的。 笔者过去开发过很多配置型的管理软件,从可配置的表单设计(Form Designer),报表设计(Report Designer),到工作流设计(Workflo
阅读全文
posted @ 2018-09-04 16:12 撸码不掇
阅读(1860)
评论(0)
推荐(3)
编辑
上一页
1
2