javascript - 在 Openlayers3 中的图层上拖动、调整图像大小和旋转图像

Question

我希望能够在 Openlayers3 上在图层上拖动、调整图像大小和旋转。图像必须独立于图层。 我尝试将图像渲染为一个层，使用这个:

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 Canvas 的一部分。

我怎样才能做到这一点？

Answer 1

我相信类似 this 的东西可以为您指明正确的方向。它不像您希望的那样灵活，但它可以为您提供一些帮助。