时间戳

首页 > 解决方案 > 在 CesiumJS 不规则矩形（多边形）中拟合图像材料

javascript - 在 CesiumJS 不规则矩形（多边形）中拟合图像材料

问题描述

我在处理图像材料时遇到了一些问题。我有不规则矩形的实体（具有 4 个位置的多边形），并且希望图像材料扭曲以始终适合空间。

            let viewer = new Cesium.Viewer('cesiumContainer');

            viewer.entities.add(new Cesium.Entity({
            polygon:
            {
                hierarchy: 
                {
                    positions: [{ x: -5099561.112354739, y: 471018.36210765265, z: -3788996.464597908 },
                                { x: -5099564.409358333, y: 470982.66516832606, z: -3788996.4645979083 }, 
                                { x: -5099581.806381637, y: 470984.2719126955, z: -3788973.0084019853 }, 
                                { x: -5099578.5093667945, y: 471019.9689738013, z: -3788973.0084019853 }]
                },
                material: "https://images2.minutemediacdn.com/image/upload/c_crop,h_1414,w_2101,x_20,y_0/v1565279671/shape/mentalfloss/578211-gettyimages-542930526.jpg?itok=Nj49PDxW",
                stRotation: Cesium.Math.toRadians(45),
             }
        }));

铯沙堡

在示例中，当我希望它扭曲以适合多边形时，猫图像会从多边形中裁剪出来。

标签： javascriptcesium

解决方案

推荐阅读