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

所属分类:其他-杂项

 2928  27  查看评论 (1)
使用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);


相关插件-杂项

通用代码高亮插件-SYNTAXHIGHLIGHTER

SyntaxHighlighter 是当前用得最多的一款代码高亮插件,包括本博客也用到了该插件来显示代码,大家可以看到效果了。只不过这是针对WordPress的一款代码高亮插件,而今天我要给大家介绍的是针对所有类型网站都可以用的juqery插件。不容错过额。
  杂项
 14574  26

jQuery自动生成css投影样式

使用jQuery自动生成css投影样式,可以自定义投影大小、距离、颜色、透明度等等。
  杂项
 7710  20

canvas画板实验

签名画板生成图片
  杂项
 7332  61

日历签到领奖品

点击当日可进行签到领取礼物
  杂项
 7407  125

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

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

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

    回复
取消回复