Module: ol/render

函数s

getRenderPixel(event, pixel){Pixel}

render.js, line 147

import {getRenderPixel} from 'ol/render';

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

Name	Type	Description
event	RenderEvent	渲染事件。
pixel	Pixel	相对于地图视口左上角的 CSS 像素。

返回值：

Pixel on the event's canvas context.

getVectorContext(event){CanvasImmediateRenderer}

render.js, line 101

import {getVectorContext} from 'ol/render';

获取用于绘制到事件 canvas 的矢量上下文。

Name	Type	Description
event	RenderEvent	渲染事件。

返回值：

Vector context.

toContext(context, options){CanvasImmediateRenderer}

render.js, line 71

import {toContext} from 'ol/render';

将 Canvas Immediate API 绑定到 canvas 上下文，以允许将几何图形绘制到上下文的 canvas。

几何图形坐标的单位是相对于 canvas 元素左上角的 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	Description
context	CanvasRenderingContext2D	Canvas 上下文。
options	选项。 Name Type Description size Size | undefined 所需的 canvas 尺寸（CSS 像素）。提供时，canvas 和 CSS 尺寸将根据 pixelRatio 设置。如果未提供，当前的 canvas 和 CSS 尺寸将不会更改。 pixelRatio number (defaults to window.devicePixelRatio) canvas 的像素比（canvas 像素与 CSS 像素的比率）。

返回值：

Canvas Immediate.

Type Definitions

Order函数()

render.js, line 26

在渲染前对要素进行排序时使用的函数。它接受两个 要素 或 渲染要素 实例并返回 {number}。

State{Object}

Properties:

Name	Type	Description
context	CanvasRenderingContext2D	图层正在渲染到的 Canvas 上下文。
feature	要素Like	要素。
geometry	SimpleGeometry	几何对象。
pixelRatio	number	图层渲染器使用的像素比。
resolution	number	渲染批次创建和优化时的分辨率。这不是正在渲染的视图分辨率。
rotation	number	渲染图层的旋转角度（弧度）。

ToContextOptions{Object}

Properties:

Name	Type	Description
size	Size | undefined	所需的 canvas 尺寸（CSS 像素）。提供时，canvas 和 CSS 尺寸将根据 pixelRatio 设置。如果未提供，当前的 canvas 和 CSS 尺寸将不会更改。
pixelRatio	number (defaults to window.devicePixelRatio)	canvas 的像素比（canvas 像素与 CSS 像素的比率）。