isTargetTransparent touch device

isTargetTransparent failure on touch device(always true)

by SooChangLee

HTML

<div id="div_canvas">
  <canvas id="html_canvas" width="500" height="500"></canvas>
</div>

<span id="span_containsPoint">containsPoint: </span><br>
<span id="span_isTargetTransparent">isTargetTransparent: </span><br>
<br>
<span id="span_success"></span>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

CSS

span{
  font-size: 20pt;
}

#div_canvas {
    width: 500px;
    height: 500px;
  	background:url(
 data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAB1JREFUGBljZGBgkARiogBRCpmIMgqoaFQh3pACAFoHAEQoNnJ9AAAAAElFTkSuQmCC
	) repeat;
}

JavaScript

$(document).ready(function(){
	var canvas_option = {
  	selection: false,
  };
  
	var canvas = new fabric.Canvas('html_canvas', canvas_option);

  var rect_phoneOutLine = new fabric.Path("[['M',1627.6,146.3],['v',14.6],['c',0,3,1.3,5.7,3.4,7.4],['v',3.4],['c',-2.2,3.1,-3.4,6.9,-3.4,11],['v',57.1],['c',0,4.1,1.3,7.9,3.4,11],['v',202.3],['c',0,16.9,-14,30.6,-31.2,30.6],['h',-1.8],['c',-1.9,-1.9,-4.6,-3.1,-7.6,-3.1],['c',-3,0,-5.7,1.2,-7.6,3.1],['h',-32.3],['c',-1.6,-1.3,-3.8,-2.1,-6.2,-2.1],['h',-23.6],['c',-2.4,0,-4.6,0.8,-6.2,2.1],['h',-49.3],['c',-17.2,0,-31.2,-13.7,-31.2,-30.6],['V',218.6],['c',2,-1.9,3.2,-4.6,3.2,-7.6],['v',-34.3],['c',0,-3,-1.2,-5.6,-3.2,-7.6],['v',-43.6],['c',0,-16.9,14,-30.6,31.2,-30.6],['h',134.6],['c',17.2,0,31.2,13.7,31.2,30.6],['v',13.3],['C',1629,140.6,1627.6,143.3,1627.6,146.3],['z'],['M',1544.5,200.6],['c',0,-3.8,2,-7.1,4.7,-8.4],['c',-0.4,-0.6,-1.5,-2.1,-3.6,-3.2],['c',-2.6,-1.3,-5,-1.3,-6,-1.1],['c',-1,0.1,-3.4,0.9,-4.2,1.2],['c',-0.8,0.3,-2.2,0.8,-2.6,0.8],['c',-0.4,0,-2.3,-0.6,-3.3,-1.1],['c',-1,-0.4,-2.4,-0.9,-4,-0.9],['c',-1.6,0,-4.6,0.4,-7.7,3.5],['c',-3,3.1,-3.3,8.9,-3.1,11.4],['c',0.2,2.5,1.3,7.2,3.4,10.8],['c',2.1,3.6,3.7,5.2,4.7,6.1],['c',1,0.9,2.2,1.4,3.3,1.3],['c',1.1,-0.1,1.7,-0.3,3,-0.8],['c',1.3,-0.5,2.8,-1.1,4.4,-1],['c',1.6,0.1,3.2,0.7,4.3,1.1],['c',1.1,0.5,3,1,4.9,0.1],['c',2,-0.9,3.8,-3.7,4.8,-5.2],['c',1,-1.5,2.5,-4.6,2.8,-6],['C',1547.1,208.7,1544.5,205,1544.5,200.6],['z'],['M',1541.3,177.3],['c',0,0,-3.6,0.1,-6.3,3.1],['c',-2.7,3,-2.6,6.3,-2.5,7],['c',0,0,3.8,0.6,6.8,-3.4],['C',1539.2,184.1,1541.6,181.5,1541.3,177.3],['z']]", {
  	id: "rect_phoneOutLine",
  	left: 50,
    top: 50,
    width: 400,
    height: 400,
    fill: "transparent",
    objectCaching: false,
    selectable: false,
    evented: false
  });

  canvas.add(rect_phoneOutLine);
  
  var circle_collage_outpath = new...