openlayers中的HTMLCanvasElement 3

Question

我创建了一个canvas元素，如下所示：

var arrowStroke = function () {                
            var canvas = document.createElement('canvas');
            var ctx = canvas.getContext('2d');
            .......
            .......
            return ctx.createLinearGradient(fromx, fromy, tox, toy);
}

我希望绘制在openlayers 3地图上创建的这个canvas元素，但无法这样做。 我只得到一个简单的LineString，而不是我通过canvaselement创建的自定义LineString。

我的代码：

          var dblArrowstyle = new ol.style.Style({
            stroke: new ol.style.Stroke({
                lineDash: (arrowStroke())
              })
          });
          e.feature.setStyle(dblArrowstyle);

我不知道如何以及从何处调用arrowStroke（）？