模块:ol/render

ol/render


import * as olRender from 'ol/render';

函数

getRenderPixel(event, pixel){Pixel}

import {getRenderPixel} from 'ol/render';

从地图视口的CSS像素获取事件画布上下文的像素。

Name Type 描述
event RenderEvent

渲染事件

pixel Pixel

相对于地图视口左上角的CSS像素。

返回:
事件画布上下文上的像素。

getVectorContext(event){CanvasImmediateRenderer}

import {getVectorContext} from 'ol/render';

获取用于在事件画布上绘制的矢量上下文。

Name Type 描述
event RenderEvent

渲染事件。

返回:
矢量上下文。

toContext(context, options){CanvasImmediateRenderer}

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 描述
context CanvasRenderingContext2D

画布上下文。

options

Options.

Name Type 描述
size Size | undefined

所需的画布大小(以CSS像素为单位)。当提供所需大小时,画布和CSS大小将根据该值进行设置。pixelRatio若未提供,当前画布和CSS尺寸将保持不变。

pixelRatio number (defaults to window.devicePixelRatio)

画布的像素比(画布像素与CSS像素之比)

返回:
画布即时模式。

类型定义

OrderFunction()

用于在渲染前对要素排序的函数。它接受两个FeatureRenderFeature的实例,并返回一个{number}

State{Object}

属性:
Name Type 描述
context CanvasRenderingContext2D

图层渲染到的画布上下文。

feature FeatureLike

要素.

geometry SimpleGeometry

几何.

pixelRatio number

图层渲染器所采用的像素比。

resolution number

渲染批次所针对并优化的分辨率。这并非视图当前渲染的分辨率。

rotation number

渲染图层的旋转角度(弧度)

ToContextOptions{Object}

属性:
Name Type 描述
size Size | undefined

所需的画布大小(以 css 像素为单位)。提供后,画布和 css 大小将根据pixelRatio若未提供,当前画布和CSS尺寸将保持不变。

pixelRatio number
(defaults to window.devicePixelRatio)

画布的像素比(画布像素与CSS像素之比)