嗨，

您成功取得成功了吗？ 对我来说，它也可以在WebIDE上与index.html一起运行。 但是，当我通过Fiori启动板运行它时，它不起作用。

-Bhavik

您可以使用上面的代码

我有上述问题的解决方案，请找到

在Xml视图中
 
 
 <！-->

 
  
 
 
 

  
 <！- ->
  
 
 

 <！-
 <！-change =" onChange" uploadComplete =" handleUploadComplete"/>->

 <！- ->

 
 

 在控制器中：

 onInit：function（）{
 调试器；
 this.getView（）。byId（" html"）。setContent（"  "）;

 }，

///****************** Signature Pad Draw ************************/
 onSign：function（oEvent）{
 var canvas = document.getElementById（" signature-pad"）;
 var context = canvas.getContext（" 2d"）;
 canvas.width = 300;
 canvas.height = 200;
 context.fillStyle ="#F0FFFF";
 context.strokeStyle ="#444";
 context.lineWidth = 1.5;
 context.lineCap ="圆形";
 context.fillRect（0，0，canvas.width，canvas.height）;
 var disableSave = true;
 var pixel = [];
 var cpixels = [];
 var xyLast = {};
 var xyAddLast = {};
 var compute = false;  {//功能
 函数remove_event_listeners（）{
 canvas.removeEventListener（'mousemove'，on_mousemove，false）;
 canvas.removeEventListener（'mouseup'，on_mouseup，false）;
 canvas.removeEventListener（'touchmove'，on_mousemove，false）;
 canvas.removeEventListener（'touchend'，on_mouseup，false）;
 document.body.removeEventListener（'mouseup'，on_mouseup，false）;
 document.body.removeEventListener（'touchend'，on_mouseup，false）;
 }
 函数get_coords（e）{
 var x，y;
 如果（e.changedTouches && e.changedTouches [0]）{
 var offsety = canvas.offsetTop ||  0;
 var offsetx = canvas.offsetLeft ||  0;
 x = e.changedTouches [0] .pageX-offsetx;
 y = e.changedTouches [0] .pageY-偏移量；
 } else if（e.layerX || 0 == e.layerX）{
 x = e.layerX;
 y = e.layerY;
 } else if（e.offsetX || 0 == e.offsetX）{
 x = e.offsetX;
 y = e.offsetY;
 }
 返回{
 x：x，
 y：y
 };
 };
 函数on_mousedown（e）{
 e.preventDefault（）;
 e.stopPropagation（）;
 canvas.addEventListener（'mouseup'，on_mouseup，false）;
 canvas.addEventListener（'mousemove'，on_mousemove，false）;
 canvas.addEventListener（'touchend'，on_mouseup，false）;
 canvas.addEventListener（'touchmove'，on_mousemove，false）;
 document.body.addEventListener（'mouseup'，on_mouseup，false）;
 document.body.addEventListener（'touchend'，on_mouseup，false）;
 var empty = false;
 var xy = get_coords（e）;
 context.beginPath（）;
 pixel.push（'moveStart'）;
 context.moveTo（xy.x，xy.y）;
 pixel.push（xy.x，xy.y）;
 xyLast = xy;
 };
 函数on_mousemove（e，finish）{
 e.preventDefault（）;
 e.stopPropagation（）;
 var xy = get_coords（e）;
 var xyAdd = {
 x：（xyLast.x + xy.x）/2，
 y：（xyLast.y + xy.y）/2
 };
 如果（计算）{
 var xLast =（xyAddLast.x + xyLast.x + xyAdd.x）/3;
 var yLast =（xyAddLast.y + xyLast.y + xyAdd.y）/3;
 pixel.push（xLast，yLast）;
 }其他{
 计算=真;
 }
 context.quadraticCurveTo（xyLast.x，xyLast.y，xyAdd.x，xyAdd.y）;
 pixel.push（xyAdd.x，xyAdd.y）;
 context.stroke（）;
 context.beginPath（）;
 context.moveTo（xyAdd.x，xyAdd.y）;
 xyAddLast = xyAdd;
 xyLast = xy;
 };
 函数on_mouseup（e）{
 remove_event_listeners（）;
 disableSave = false;
 context.stroke（）;
 pixel.push（'e'）;
 计算=假;
 };
 canvas.addEventListener（'touchstart'，on_mousedown，false）;
 canvas.addEventListener（'mousedown'，on_mousedown，false）;
 }
 }，
 

嗨，拉克什曼，

签名正常，请给我发送清晰的功能

感谢与问候，

Priyanka.G

嗨，Priyanka，

请以明显的功能使用以下来源。

 var canvas = document.getElementById（" signature-pad"）;
 var context = canvas.getContext（" 2d"）;
 context.clearRect（0，0，canvas.width，canvas.height）;

 
 

嗨，Lakshma，

谢谢您的响应。效果很好。

https://answers.sap .com/answers/606340/view.html