拖动，调整和旋转openlayers中的图像3

Question

我希望能够在OpenLayers上拖动，调整和旋转图像。图像必须独立于层。我尝试使用以下方式将图像渲染为一层：

var extent = map.getView().calculateExtent(map.getSize());
var imageLayer = new ol.layer.Image({opacity: 0.5});
var imageSource = new ol.source.ImageStatic({
    url: 'https://dummyimage.com/600x400/faf7fa/0011ff',
    imageExtent: extent
});
imageLayer.setSource(imageSource);
map.addLayer(imageLayer);

不幸的是，我没有发现将图像层拖到其他层上的可能性。

此外，我不想将图像加载为HTML元素。我希望它成为OL帆布的一部分。

我该如何实现？

Answer 1

我相信这样的东西可以指向正确的方向。它并不像您想要的那样灵活，但可以帮助您一点。