openlayers-3 precompose,如何使用矩形几何进行图层剪裁

时间:2015-04-28 10:40:56

标签: openlayers-3

我试图让一个简单的应用程序做类似于Layer Spy Example的事情,但是我想基于一个始终居中的矩形而不是流动鼠标指针的圆圈。在地图上。 (最好使用"固定"尺寸"即更改"范围"缩放时)

任何帮助表示赞赏 谢谢 弗罗德

1 个答案:

答案 0 :(得分:1)

您可以像您所指的示例那样执行此操作。但是,context.arc()使用具有固定位置的context.rect()代替imagery.on('precompose', function(event) { var ctx = event.context; var pixelRatio = event.frameState.pixelRatio; ctx.save(); ctx.beginPath(); var x = ctx.canvas.width / 2 - 100; var y = ctx.canvas.height / 2 - 100; ctx.rect(x, y, 100, 100); ctx.clip(); }); 剪裁图层。类似的东西:

JsValue

http://jsfiddle.net/eo1c1x78/