jquery - 签名板在 IE7 中不工作

Question

我有以下签名板。

     <form method=post action="#" class=sigPad>        
               <label for=name>Print your name</label>        
               <input type=text name=name id=name class=name>        
               <p class="drawItDesc">Draw your signature</p>        
               <div class="sig sigWrapper"> <div class=typed></div>        
               <canvas class=pad width="585px" height="200px"></canvas>        
               <input type=hidden name=output class=output> </div>        
               <button type="submit" id="agree" style="opacity:0.2">I accept the terms of this agreement.</button>        
      </form>

这是在需要时调用的函数。

   function drawSigPad(){
         $('.sigPad').signaturePad({drawOnly:true});
            }

当用户按下按钮时，签名板就会被绘制出来。这在 Chrome 和 FF 中工作正常，但在 IE 非兼容模式下会中断。只要未打开不兼容，它就可以工作。

我得到的错误如下。

   SCRIPT5007: Unable to get value of the property 'getContext': object is null or undefined 
          jquery.signaturepad.min.js, line 246 character 1

有问题的行是这个

    i.bind("selectstart.signaturepad",function(a){
return c(a.target).is(":input")
});

有人知道为什么 IE7 会破坏这个吗？或者解决这个问题的方法。

编辑:抱歉造成混淆，我正在使用 IE9 浏览器并使用非兼容模式以及使用浏览器工具检查 IE7。

Answer 1

IE7 不支持 canvas标签。 它仅在 IE8+ 中支持。

here是获取在 IE7 和 8 中工作的 Canvas 标签和任何其他 html5 标签的好方法。

它称为 explorercanvas，它模拟 Canvas ，几乎允许任何浏览器显示您的签名板。

最棒的是，您只需添加一个 <script>标签。