创建一个零和无法复制/粘贴的表

时间:2018-06-16 19:51:08

标签: javascript html html5

对于实验,我有一个网页,我随机生成一个零和一个表。参与者的任务是计算表格中的零个数,只有当他们得到正确的答案时才能进入下一页(确实令人着迷的任务,其意图是在一些人的心中疏远我们的主要任务)分钟)。

由于受试者来自他们自己的计算机,我意识到他们可能只是复制表格并将其粘贴到可以计算字符的软件中,这样他们就可以自动获得答案。

我想避免这种情况,并确保他们必须自己计算零的数量。我想到了:

  • 禁用选择,如本答案所示,但如果我理解正确,则不会阻止用户从代码中复制:HTML page disable copy/paste

  • 生成特殊的零和普通软件无法识别的零,但我担心某些浏览器无法正确显示特殊字符

您有任何想法或建议吗?谢谢。

1 个答案:

答案 0 :(得分:0)

感谢您提供的有用评论。我之前没有听说过帆布,这种解决方案在这种情况下非常合适。这是我现在使用的代码,用于在画布中生成带有随机数的4x10矩阵。

使用Javascript:

 var c = document.getElementById("myCanvas");
 var ctx = c.getContext("2d");
 ctx.font = "30px Arial";
 <?php for($i=1;$i<=10;$i++){
      for($j=1;$j<=4;$j++){
        $r=rand(0,1);
        echo "ctx.fillText('$r', -40+$i*50, $j*50);\n";
        }
      }?>

HTML:

    `<canvas id="myCanvas" width="520" height="250" style="border:1px solid #000000;"</canvas>`