使用html5+canvas+Jquery实现的纯代码连线题

所属分类:其他-杂项

 3957  29  查看评论 (3)
使用html5+canvas+Jquery实现的纯代码连线题 ie兼容9

分享一份使用html5+canvas实现的草稿版连线题demo,希望有助于奋斗在一线前端的开发人员们,也多多提供一些改良意见及多一份包涵。

首先功能点涉及重置、回退、取值(getPair)、答案(savePair)等四个按钮操作。

1、重置按钮,顾名思义为清除所以操作动作,清空画板的功能;

2、回退按钮,即返回上一步的意思,直至清空所有作答为止;

3、取值(getPair),案例截图如下:

返回属性格式及内置属性key-value可自定义:

var idAttr = [];
idStr = "key : value";
idAttr.push(idStr);
alert(idAttr);


相关插件-杂项

jQuery翻转卡插件Flip Out Cards

Flip Out Cards是一个jQuery插件,创建一个动态多层次翻转卡。
  杂项
 9711  14

向左滑动删除列表,动态添加列表

向左滑动删除列表,动态添加列表
  杂项
 11460  85

jquery旋转插件兼容IE

jquery旋转插件兼容IE浏览器
  杂项
 9427  27

jQuery本地自动存储插件 Sisyphus.js

Sisyphus.js 是一个利用 HTML5 技术实现的自动保存草稿插件,它能将表单数据自动保存到 LocalStorage 中。当浏览器崩溃后,只要重新打开浏览器就能恢复数据。
  杂项
 10941  37

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币

    ¤紫??¤ 0
    2017/6/6 14:19:26

    如何实现一对多的连线

        ☆给本宫站住☆0
        2017/6/15 10:52:00

        我也想知道这个问题

    回复
    吃灰少年 0
    2017/3/31 10:20:25

    谢谢作者,这个对我很有用

    回复
取消回复