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

所属分类:其他-杂项

 6072  34  查看评论 (4)
使用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);


相关插件-杂项

返回顶部火箭升空插件简化版

返回顶部火箭升空插件简化版,自己重新写了一个JQ和CSS样式,我是初学者拿来练手的,代码写的比较简单
  杂项
 5039  46

HTML5+CSS3发光文字(IE9及以下和safari不支持)

HTML5+CSS3发光文字(IE9及以下和safari不支持)
  杂项
 10651  89

jQuery随机数,随机取号

随机取号,可以设置起始值和结束值,然后从中随机取得数值(Math.rom()方法,生成随机值后,再将值的排序随机打乱)
  杂项
 1062  11

强调文字突出显示使用JavaScript

Fokus使用JavaScript来强调你选择的任何内容,用半透明的黑色覆盖页面的其余部分。 Fokus是轻量级的约3kb,工作在大多数现代浏览器IE和触摸设备
  杂项
 8784  17

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

    冰水晶 0
    2017/9/13 10:45:47

    savePair的值如何替换,修改

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

    如何实现一对多的连线

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

        我也想知道这个问题

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

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

    回复
取消回复