函数
-
import {getRenderPixel} from 'ol/render';从地图视口的CSS像素获取事件画布上下文的像素。
Name Type 描述 eventRenderEvent 渲染事件
pixelPixel 相对于地图视口左上角的CSS像素。
返回:
事件画布上下文上的像素。
-
import {getVectorContext} from 'ol/render';获取用于在事件画布上绘制的矢量上下文。
Name Type 描述 eventRenderEvent 渲染事件。
返回:
矢量上下文。
-
import {toContext} from 'ol/render';将Canvas Immediate API绑定到画布上下文,以便在该画布上绘制几何要素。
几何坐标的单位为CSS像素,以画布元素左上角为基准。
import {toContext} from 'ol/render.js'; import Fill from 'ol/style/Fill.js'; import Polygon from 'ol/geom/Polygon.js'; const canvas = document.createElement('canvas'); const render = toContext( canvas.getContext('2d'), {size: [100, 100]} ); render.setFillStrokeStyle(new Fill({ color: blue })); render.drawPolygon( new Polygon([[[0, 0], [100, 100], [100, 0], [0, 0]]]) );Name Type 描述 contextCanvasRenderingContext2D 画布上下文。
optionsOptions.
Name Type 描述 sizeSize | undefined 所需的画布大小(以CSS像素为单位)。当提供所需大小时,画布和CSS大小将根据该值进行设置。
pixelRatio若未提供,当前画布和CSS尺寸将保持不变。pixelRationumber (defaults to window.devicePixelRatio) 画布的像素比(画布像素与CSS像素之比)
返回:
画布即时模式。
类型定义
-
用于在渲染前对要素排序的函数。它接受两个
Feature或RenderFeature的实例,并返回一个{number}。 -
State{Object}
-
属性:
Name Type 描述 contextCanvasRenderingContext2D 图层渲染到的画布上下文。
featureFeatureLike 要素.
geometrySimpleGeometry 几何.
pixelRationumber 图层渲染器所采用的像素比。
resolutionnumber 渲染批次所针对并优化的分辨率。这并非视图当前渲染的分辨率。
rotationnumber 渲染图层的旋转角度(弧度)
-
ToContextOptions{Object}
-
属性:
Name Type 描述 sizeSize | undefined 所需的画布大小(以 css 像素为单位)。提供后,画布和 css 大小将根据
pixelRatio若未提供,当前画布和CSS尺寸将保持不变。pixelRationumber
(defaults to window.devicePixelRatio)画布的像素比(画布像素与CSS像素之比)