Angular openlayers 3中的HTMLCanvasElement

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

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

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

我的代码：

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

---

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

我正在尝试添加一个通过画布创建的箭头。我只想在我的openlayers 3地图上画它，这是我做不到的。我的意思是我可以把canvas元素保留在ol.feature的样式中吗？