隱藏灰線HTML5畫布內

Question

請參閱jQuery的簽名板插件：

我想獲得：

http://thomasjbradley.ca/lab/signature-pad/require-drawn/

通知簽名箱內水平灰線擺脫它，但沒有能夠做到這一點。下面是HTML元素：

<canvas class="pad" width="198" height="55"></canvas> 

這裏是CSS：

.pad { 
    position: relative; 
} 

.current .pad { 
    /** 
    * For cross browser compatibility, this should be an absolute URL 
    * In IE the cursor is relative to the HTML document 
    * In all other browsers the cursor is relative to the CSS file 
    * 
    * http://www.useragentman.com/blog/2011/12/21/cross-browser-css-cursor-images-in-depth/ 
    */ 
    cursor: url("../Images/pen.cur"), crosshair; 
    /** 
    * IE will ignore this line because of the hotspot position 
    * Unfortunately we need this twice, because some browsers ignore the hotspot inside the .cur 
    */ 
    cursor: url("../Images/pen.cur") 16 16, crosshair; 

    -ms-touch-action: none; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    -o-user-select: none; 
    user-select: none; 
} 

這是推動我瘋了。我已經在Chrome開發工具中使用了45分鐘，並且找不到那條灰線。請幫忙。

Answer 1

在JavaScript中，您可以將線寬設置爲0或其顏色設置爲「#fff」。

例如：$('.sigPad').signaturePad({lineWidth:0 })

有用的文檔：http://thomasjbradley.ca/lab/signature-pad/#options