Port icon-symbol-svg rendering tests
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
@@ -1,117 +0,0 @@
|
||||
import Feature from '../../../../src/ol/Feature.js';
|
||||
import Point from '../../../../src/ol/geom/Point.js';
|
||||
import Map from '../../../../src/ol/Map.js';
|
||||
import WebGLMap from '../../../../src/ol/WebGLMap.js';
|
||||
import View from '../../../../src/ol/View.js';
|
||||
import VectorLayer from '../../../../src/ol/layer/Vector.js';
|
||||
import WebGLVectorLayer from '../../../../src/ol/layer/Vector.js';
|
||||
import VectorSource from '../../../../src/ol/source/Vector.js';
|
||||
import Icon from '../../../../src/ol/style/Icon.js';
|
||||
import Style from '../../../../src/ol/style/Style.js';
|
||||
|
||||
|
||||
describe('ol.rendering.style.Icon', function() {
|
||||
|
||||
let map, vectorSource;
|
||||
|
||||
const imgInfo = {
|
||||
anchor: [0.5, 46],
|
||||
anchorXUnits: 'fraction',
|
||||
anchorYUnits: 'pixels',
|
||||
opacity: 0.75,
|
||||
scale: 0.5,
|
||||
imgSize: [32, 48]
|
||||
};
|
||||
|
||||
function createMap(renderer, width, height) {
|
||||
const MapConstructor = renderer === 'webgl' ? WebGLMap : Map;
|
||||
const LayerConstructor = renderer === 'webgl' ? WebGLVectorLayer : VectorLayer;
|
||||
|
||||
vectorSource = new VectorSource();
|
||||
const vectorLayer = new LayerConstructor({
|
||||
source: vectorSource
|
||||
});
|
||||
|
||||
map = new MapConstructor({
|
||||
pixelRatio: 1,
|
||||
target: createMapDiv(width ? width : 50, height ? height : 50),
|
||||
layers: [vectorLayer],
|
||||
view: new View({
|
||||
projection: 'EPSG:4326',
|
||||
center: [0, 0],
|
||||
resolution: 1
|
||||
})
|
||||
});
|
||||
}
|
||||
|
||||
afterEach(function() {
|
||||
if (map) {
|
||||
disposeMap(map);
|
||||
map = null;
|
||||
}
|
||||
});
|
||||
|
||||
describe('#render', function() {
|
||||
|
||||
function createFeatures(src, imgInfo, callback) {
|
||||
const feature = new Feature({
|
||||
geometry: new Point([0, 0])
|
||||
});
|
||||
|
||||
const img = new Image();
|
||||
img.onload = function() {
|
||||
imgInfo.img = img;
|
||||
feature.setStyle(new Style({
|
||||
image: new Icon(/** @type {module:ol/style/Icon~Options} */ (imgInfo))
|
||||
}));
|
||||
vectorSource.addFeature(feature);
|
||||
callback();
|
||||
};
|
||||
img.src = src;
|
||||
}
|
||||
|
||||
it('scales svg correctly in the canvas renderer', function(done) {
|
||||
createMap('canvas', 512, 512);
|
||||
createFeatures('rendering/ol/data/me0.svg', {
|
||||
scale: 96 / 512,
|
||||
imgSize: [512, 512]
|
||||
}, function() {
|
||||
expectResemble(map, 'rendering/ol/style/expected/icon-canvas-svg-scale.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
});
|
||||
});
|
||||
|
||||
it('uses offset correctly in the canvas renderer', function(done) {
|
||||
createMap('canvas', 256, 512);
|
||||
createFeatures('rendering/ol/data/me0.svg', {
|
||||
offset: [0, 256],
|
||||
size: [256, 256],
|
||||
imgSize: [512, 512]
|
||||
}, function() {
|
||||
expectResemble(map, 'rendering/ol/style/expected/icon-canvas-svg-offset.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
});
|
||||
});
|
||||
|
||||
it('uses offset correctly if it is larger than size in the canvas renderer', function(done) {
|
||||
createMap('canvas', 256, 512);
|
||||
createFeatures('rendering/ol/data/me0.svg', {
|
||||
offset: [0, 374],
|
||||
size: [256, 256],
|
||||
imgSize: [512, 512]
|
||||
}, function() {
|
||||
expectResemble(map, 'rendering/ol/style/expected/icon-canvas-svg-offset2.png',
|
||||
IMAGE_TOLERANCE, done);
|
||||
});
|
||||
});
|
||||
|
||||
where('WebGL').it('tests the WebGL renderer', function(done) {
|
||||
assertWebGL();
|
||||
createMap('webgl');
|
||||
createFeatures('rendering/ol/data/icon.png', imgInfo, function() {
|
||||
expectResemble(map, 'rendering/ol/style/expected/icon-webgl.png',
|
||||
2.0, done);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user