cesium绘制折线_Cesium绘制点、线、面、圆、矩形

最新推荐文章于 2025-07-11 14:38:20 发布
原创 最新推荐文章于 2025-07-11 14:38:20 发布 · 1.6k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#cesium绘制折线

本文介绍了如何使用Cesium在三维球面上通过鼠标交互绘制点、线、面、矩形和圆形，并提供了详细的代码实现。通过搭建项目结构，设置Cesium Viewer实例，结合屏幕空间事件处理器，实现了不同几何形状的绘制和清除功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

本文基于《基于Webpack的Cesium+Vue应用》文章，在此基础之上，进行功能的扩展。本文主要讲解如何在Cesium三维球上用鼠标绘制点、线、面、矩形。

1、搭建项目结构

image.png

2、MainViewer.vue代码

import Cesium from 'cesium/Source/Cesium.js'

import buildModuleUrl from "cesium/Source/Core/buildModuleUrl"

import "cesium/Source/Widgets/widgets.css";

import CesiumViewer from './CesiumViewer.vue'

export default {

name: 'MainViewer',

components:{CesiumViewer},

data () {

return {

viewer:''

}

},

mounted:function(){

//设置静态资源目录

buildModuleUrl.setBaseUrl('../../static/Cesium/');

//创建viewer实例

this.viewer = new Cesium.Viewer('cesiumContainer',{

animation: false,

baseLayerPicker: false,

fullscreenButton: false,

geocoder: false,

homeButton: false,

sceneModePicker: false,

selectionIndicator: false,

timeline: false,

navigationHelpButton: false,

infoBox: false,

navigationInstructionsInitiallyVisible: false

});

this.viewer._cesiumWidget._creditContainer.style.display = "none"; //去掉logo

}

}

#mainDiv{

width:100%;

height:100%;

}

#cesiumContainer{

width:100%;

height:100%;

}

3、CesiumViewer.vue代码

画点

画线

画面

画矩形

画圆

清除

import Cesium from 'cesium/Source/Cesium.js'

import $ from 'jquery'

export default {

name: 'CesiumViewer',

props:['viewer'],

data () {

return {

removeImageryLayers:[]

}

},

mounted:function(){

var _this = this;

$("#pointBtn").bind('click',function(){

_this.drawPoint(function(positions){

var wgs84_positions = [];

for(var i=0; i

var wgs84_point = _this.Cartesian3_to_WGS84({

x: positions[i].x,

y: positions[i].y,

z: positions[i].z

});

wgs84_positions.push(wgs84_point);

}

console.log(wgs84_positions);

});

});

$("#lineBtn").bind('click',function(){

_this.drawLineString(function(positions){

var wgs84_positions = [];

for(var i=0; i

var wgs84_point = _this.Cartesian3_to_WGS84({

x: positions[i].x,

y: positions[i].y,

z: positions[i].z

});

wgs84_positions.push(wgs84_point);

}

console.log(wgs84_positions);

});

});

$("#polyBtn").bind('click',function(){

_this.drawPolygon(function(positions){

var wgs84_positions = [];

for(var i=0; i

var wgs84_point = _this.Cartesian3_to_WGS84({

x: positions[i].x,

y: positions[i].y,

z: positions[i].z

});

wgs84_positions.push(wgs84_point);

}

console.log(wgs84_positions);

});

});

$("#rectBtn").bind('click',function(){

_this.drawRect(function(positions){

var wgs84_positions = [];

for(var i=0; i

var wgs84_point = _this.Cartesian3_to_WGS84({

x: positions[i].x,

y: positions[i].y,

z: positions[i].z

});

wgs84_positions.push(wgs84_point);

}

console.log(wgs84_positions);

});

});

$("#circleBtn").bind('click',function(){

_this.circleDraw(function(positions){

var wgs84_positions = [];

for(var i=0; i

var wgs84_point = _this.Cartesian3_to_WGS84({

x: positions[i].x,

y: positions[i].y,

z: positions[i].z

});

wgs84_positions.push(wgs84_point);

}

console.log(wgs84_positions);

});

});

$("#clearBtn").bind('click',function(){

_this.clearHandle();

});

},

methods:{

//画点

drawPoint:function(callback){

var _this = this;

//坐标存储

var positions = [];

var handler = new Cesium.ScreenSpaceEventHandler(_this.viewer.scene.canvas);

//单击鼠标左键画点

handler.setInputAction(function (movement) {

var cartesian = _this.viewer.scene.camera.pickEllipsoid(movement.position, _this.viewer.scene.globe.ellipsoid);

positions.push(cartesian);

_this.viewer.entities.add({

position: cartesian,

point: {

color: Cesium.Color.RED,

pixelSize: 5,

heightReference: Cesium.HeightReference.CLAMP_TO_GROUND

}

});

}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

//单击鼠标右键结束画点

handler.setInputAction(function (movement) {

handler.destroy();

callback(positions);

}, Cesium.ScreenSpaceEventType.RIGHT_CLICK);

},

//画线

drawLineString:function(callback){

var _this = this;

var PolyLinePrimitive = (function () {

function _(positions) {

this.options = {

polyline: {

show: true,

positions: [],

material: Cesium.Color.RED,

width:3

}

};

this.positions = positions;

this._init();

}

_.prototype._init = function () {

var _self = this;

var _update = function () {

return _self.positions;

};

//实时更新polyline.positions

this.options.polyline.positions = new Cesium.CallbackProperty(_update, false);

_this.viewer.entities.add(this.options);

};

return _;

})();

var handler = new Cesium.ScreenSpaceEventHandler(_this.viewer.scene.canvas);

var positions = [];

var poly = undefined;

//鼠标左键单击画点

handler.setInputAction(function (movement) {

var cartesian = _this.viewer.scene.camera.pickEllipsoid(movement.position, _this.viewer.scene.globe.ellipsoid);

if (positions.length == 0) {

positions.push(cartesian.clone());

}

positions.push(cartesian);

}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

//鼠标移动

handler.setInputAction(function (movement) {

var cartesian = _this.viewer.scene.camera.pickEllipsoid(movement.endPosition, _this.viewer.scene.globe.ellipsoid);

if (positions.length >= 2) {

if (!Cesium.defined(poly)) {

poly = new PolyLinePrimitive(positions);

} else {

if(cartesian != undefined){

positions.pop();

cartesian.y += (1 + Math.random());

positions.push(cartesian);

}

}

}

}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);

//单击鼠标右键结束画线

handler.setInputAction(function (movement) {

handler.destroy();

callback(positions);

}, Cesium.ScreenSpaceEventType.RIGHT_CLICK);

},

//画面

drawPolygon:function(callback){

var _this = this;

var PolygonPrimitive = (function () {

function _(positions) {

this.options = {

name: '多边形',

polygon: {

hierarchy: [],

perPositionHeight: true,

material: Cesium.Color.RED.withAlpha(0.4)

}

};

this.hierarchy = positions;

this._init();

}

_.prototype._init = function () {

var _self = this;

var _update = function () {

return _self.hierarchy;

};

//实时更新polygon.hierarchy

this.options.polygon.hierarchy = new Cesium.CallbackProperty(_update, false);

_this.viewer.entities.add(this.options);

};

return _;

})();

var handler = new Cesium.ScreenSpaceEventHandler(_this.viewer.scene.canvas);

var positions = [];

var poly = undefined;

//鼠标单击画点

handler.setInputAction(function (movement) {

var cartesian = _this.viewer.scene.camera.pickEllipsoid(movement.position, _this.viewer.scene.globe.ellipsoid);

if (positions.length == 0) {

positions.push(cartesian.clone());

}

positions.push(cartesian);

}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

//鼠标移动

handler.setInputAction(function (movement) {

var cartesian = _this.viewer.scene.camera.pickEllipsoid(movement.endPosition, _this.viewer.scene.globe.ellipsoid);

if (positions.length >= 2) {

if (!Cesium.defined(poly)) {

poly = new PolygonPrimitive(positions);

} else {

if(cartesian != undefined){

positions.pop();

cartesian.y += (1 + Math.random());

positions.push(cartesian);

}

}

}

}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);

//鼠标右键单击结束绘制

handler.setInputAction(function (movement) {

handler.destroy();

callback(positions);

}, Cesium.ScreenSpaceEventType.RIGHT_CLICK);

},

//画圆

circleDraw(_callBack){

let _self = this;

_self.viewer.scene.globe.depthTestAgainstTerrain = true;

_self.circle= {

points:[]

,rect:null

,entity:null

,r:1

};

var tempPosition;

let cartographic1;

let p;

let tempLon;

let tempLat;

var ShapeEventHandler = new Cesium.ScreenSpaceEventHandler(_self.viewer.scene.canvas);

common.handlerList.push(ShapeEventHandler);

ShapeEventHandler.setInputAction(function(click){

tempPosition = _self.getPointFromWindowPoint(click.position);

//选择的点在球面上

if(tempPosition){

function callBackPos() {

const minlon = Cesium.Math.toDegrees(_self.circle.points[0].longitude);

const minlat = Cesium.Math.toDegrees(_self.circle.points[0].latitude);

const maxlon = Cesium.Math.toDegrees(_self.circle.points[1].longitude);

const maxlat = Cesium.Math.toDegrees(_self.circle.points[1].latitude);

const r = _self.getFlatternDistance(minlat, minlon, maxlat, maxlon);

if(r){

return r;

}

return 1;

};

if(_self.circle.points.length==0) {

p = click.position;

cartographic1 = Cesium.Ellipsoid.WGS84.cartesianToCartographic(tempPosition);

_self.circle.points.push(_self.viewer.scene.globe.ellipsoid.cartesianToCartographic(tempPosition));

_self.circle.points.push(_self.viewer.scene.globe.ellipsoid.cartesianToCartographic(tempPosition));

tempLon = Cesium.Math.toDegrees(cartographic1.longitude);

tempLat = Cesium.Math.toDegrees(cartographic1.latitude);

_self.circle.entity = _self.viewer.entities.add({

position: Cesium.Cartesian3.fromDegrees(tempLon,tempLat),

ellipse : {

semiMinorAxis : new Cesium.CallbackProperty(callBackPos, false),

semiMajorAxis : new Cesium.CallbackProperty(callBackPos, false),

//条形材质

material : Cesium.Color.RED.withAlpha(0.3)

}

});

}else{

ShapeEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE);

ShapeEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);

var tempCircle = new Cesium.CircleOutlineGeometry({

center : Cesium.Cartesian3.fromDegrees(tempLon,tempLat),

radius : callBackPos(),

granularity : Math.PI / 2

});

var geometry = Cesium.CircleOutlineGeometry.createGeometry(tempCircle);

var float64ArrayPositionsIn = geometry.attributes.position.values;

var positionsIn = [].slice.call(float64ArrayPositionsIn);

_callBack(positionsIn);

}

}

},Cesium.ScreenSpaceEventType.LEFT_CLICK);

ShapeEventHandler.setInputAction(function(movement){

if(_self.circle.points.length==0){

return;

}

var moveEndPosition = _self.getPointFromWindowPoint(movement.endPosition);

//选择的点在球面上

if(moveEndPosition){

_self.circle.points.pop();

_self.circle.points.push(_self.viewer.scene.globe.ellipsoid.cartesianToCartographic(moveEndPosition));

}

},Cesium.ScreenSpaceEventType.MOUSE_MOVE);

},

//画矩形

drawRect:function(callback){

let _self = this;

let pointsArr = [];

_self.shape= {

points:[],

rect:null,

entity:null

};

var tempPosition;

var handle = new Cesium.ScreenSpaceEventHandler(_self.viewer.scene.canvas);

//鼠标左键单击画点

handle.setInputAction(function(click){

tempPosition = _self.getPointFromWindowPoint(click.position);

//选择的点在球面上

if(tempPosition){

if(_self.shape.points.length==0) {

pointsArr.push(tempPosition);

_self.shape.points.push(_self.viewer.scene.globe.ellipsoid.cartesianToCartographic(tempPosition));

_self.shape.rect=Cesium.Rectangle.fromCartographicArray(_self.shape.points);

_self.shape.rect.east+=0.000001;

_self.shape.rect.north+=0.000001;

_self.shape.entity= _self.viewer.entities.add({

rectangle : {

coordinates :_self.shape.rect,

material : Cesium.Color.BLACK.withAlpha(0.4),

outline : true,

outlineWidth: 2,

outlineColor : Cesium.Color.RED,

height:0

}

});

_self.bufferEntity = _self.shape.entity;

}

else{

handle.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE);

handle.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);

callback(pointsArr);

}

}

},Cesium.ScreenSpaceEventType.LEFT_CLICK);

//鼠标移动

handle.setInputAction(function(movement){

if(_self.shape.points.length==0){

return;

}

var moveEndPosition = _self.getPointFromWindowPoint(movement.endPosition);

//选择的点在球面上

if(moveEndPosition){

pointsArr[1] = moveEndPosition;

_self.shape.points[1]=_self.viewer.scene.globe.ellipsoid.cartesianToCartographic(moveEndPosition);

_self.shape.rect= Cesium.Rectangle.fromCartographicArray(_self.shape.points);

if(_self.shape.rect.west==_self.shape.rect.east)

_self.shape.rect.east+=0.000001;

if(_self.shape.rect.south==_self.shape.rect.north)

_self.shape.rect.north+=0.000001;

_self.shape.entity.rectangle.coordinates = _self.shape.rect;

}

},Cesium.ScreenSpaceEventType.MOUSE_MOVE);

},

//清除所有Entity和ImageryLayers

clearHandle: function () {

//移除所有实体Entity

this.viewer.entities.removeAll();

//移除cesium加载的ImageryLayer

for(var i=0; i

this.viewer.imageryLayers.remove(this.removeImageryLayers[i]);

}

},

getPointFromWindowPoint(point){

if(this.viewer.scene.terrainProvider.constructor.name=="EllipsoidTerrainProvider") {

return this.viewer.camera.pickEllipsoid(point,this.viewer.scene.globe.ellipsoid);

} else {

var ray=this.viewer.scene.camera.getPickRay(point);

return this.viewer.scene.globe.pick(ray,this.viewer.scene);

}

},

//笛卡尔坐标系转WGS84坐标系

Cartesian3_to_WGS84: function (point) {

var cartesian33 = new Cesium.Cartesian3(point.x, point.y, point.z);

var cartographic = Cesium.Cartographic.fromCartesian(cartesian33);

var lat = Cesium.Math.toDegrees(cartographic.latitude);

var lng = Cesium.Math.toDegrees(cartographic.longitude);

var alt = cartographic.height;

return {lat: lat, lng: lng, alt: alt};

},

//WGS84坐标系转笛卡尔坐标系

WGS84_to_Cartesian3: function (point) {

var car33 = Cesium.Cartesian3.fromDegrees(point.lng, point.lat, point.alt);

var x = car33.x;

var y = car33.y;

var z = car33.z;

return {x: x, y: y, z: z};

},

//计算两点间距离

getFlatternDistance(lat1, lng1, lat2, lng2) {

var EARTH_RADIUS = 6378137.0; //单位M

var PI = Math.PI;

function getRad(d) {

return d * PI / 180.0;

}

var f = getRad((lat1 + lat2) / 2);

var g = getRad((lat1 - lat2) / 2);

var l = getRad((lng1 - lng2) / 2);

var sg = Math.sin(g);

var sl = Math.sin(l);

var sf = Math.sin(f);

var s, c, w, r, d, h1, h2;

var a = EARTH_RADIUS;

var fl = 1 / 298.257;

sg = sg * sg;

sl = sl * sl;

sf = sf * sf;

s = sg * (1 - sl) + (1 - sf) * sl;

c = (1 - sg) * (1 - sl) + sf * sl;

w = Math.atan(Math.sqrt(s / c));

r = Math.sqrt(s * c) / w;

d = 2 * w * a;

h1 = (3 * r - 1) / 2 / c;

h2 = (3 * r + 1) / 2 / s;

return d * (1 + fl * (h1 * sf * (1 - sg) - h2 * (1 - sf) * sg));

},

}

}

#cesiumDiv{

margin:0;

padding:0;

}

科研木头
关注
Cesium-Entity：Polygon多边形绘制与编辑
席木木的博客
11-16 1613
基于Cesium.Entity的Polygon多边形绘制与顶点编辑操作，即：鼠标右键单击绘制Polygon；如果选中了Polygon对象，那么就会显示当前的顶点，并允许用户编辑顶点位置；最后单击鼠标右键可结束当前一次的编辑操作。
cesium多边形描边_cesium--绘制多边形polygon
weixin_39889642的博客
12-20 813
查询结果截图:区别:名称 作用CoplanarPolygonGeometryCoplanarPolygonOutlineGeometryPolygonGeometry这个好像是给底层用的PolygonGeometryUpdater一般客户端不用PolygonHierarchy定义多边形及其孔的线性环的层次。这些孔本身也可能有嵌套内部多边形的孔。PolygonOutlineGeometry椭球上多边...
Cesium实战：交互式多边形绘制与编辑功能完全指南（最终修复版）
苦逼前端分享苦逼经验
07-11 1301
本文介绍了在Vue框架下基于Cesium实现交互式多边形绘制与编辑功能的完整方案。主要内容包括：1. 核心功能实现：通过鼠标事件监听实现多边形绘制（左键添加顶点、右键结束），支持顶点拖拽编辑；2. 样式自定义：提供颜色选择器和透明度滑块，动态调整多边形外观；3. 实用功能：使用Turf.js进行实时面积计算，并在多边形中心显示结果；4. 问题解决：针对颜色异常、标签不可见、交互恢复等常见问题提供了具体解决方案；5. 代码结构：采用模块化设计，包含完整的Vue组件代码和CSS样式。该方案适用于GIS应用、智慧
Cesium 画折线 polyline
liubangbo的专栏
05-29 1277
Cesium 画折线非常简单， 鼠标点击获取经纬度， 把这些经纬度存放在数组中。每次鼠标点击先清空之前画的折线，然后重新画。所用到的API 有Cesium.Cartesian3.fromDegreesArrayHeights。注意：在使用此代码时，需要替换自己的accessToken。
cesium动态绘制多边形(polygon)
qq_25519615的博客
07-27 3444
项目中需要通过三个坐标点位动态调整覆盖范围，于是使用cesium实体对象中的多边形来实现(polygon),实现效果如下。第一步，先创建多边形，使用Cesium.CallbackProperty函数来实时更新位置。注意：此案例是在cesium1.95版本上开发的。这样就完成了动态的多边形绘制了，完整代码如下。第二步，使用定时器定时调用模拟位置变化。
cesium多边形描边_Cesium实现文字、点、多段线、多边形的实时绘制
weixin_29430691的博客
02-06 715
functiondrawPolygon() {varfloatingPoint;varactivePolygon;var handler = newCesium.ScreenSpaceEventHandler(viewer.canvas);handler.setInputAction(function(click) {var position =viewer.scene.pickPosition(...
cesium多边形描边_Cesium绘制点、线、面、圆、矩形
weixin_32473663的博客
01-12 1853
本文基于《基于Webpack的Cesium+Vue应用》文章，在此基础之上，进行功能的扩展。本文主要讲解如何在Cesium三维球上用鼠标绘制点、线、面、矩形。1、搭建项目结构image.png2、MainViewer.vue代码import Cesium from 'cesium/Source/Cesium.js'import buildModuleUrl from "cesium/Source/...
Cesium动态绘制面，线，点.vue
09-17
c
cesium绘制网格_Cesium教程中级7 -几何图形和外观
weixin_39962341的博客
12-22 1201
本教程将向您介绍提供使用Primitive API的几何图形和外观系统。这是一个高级主题，用于扩展具有自定义网格、形状、体积和外观的CesiumJS，而不是面向通用的Cesium用户。如果您有兴趣学习如何在地球上绘制各种形状和体积，请查看创建实体教程。CesiumJS可以使用实体(如多边形和椭圆体)创建不同的几何类型。例如，将以下代码复制并粘贴到Hello World Sandcastle示例中，...
cesium绘制网格_[CesiumJS]Cesium 空间数据可视化（一）
weixin_39929918的博客
12-22 1052
本教程将教读者如何使用Cesium的实体(Entity)API绘制空间数据，如点、标记、标签、线、模型、形状和物体。不需要Cesium的先验知识，但是如果读者完全没有这方面的经验，那么读者可能希望从“新手入门中文教程(原创)”开始学习。##什么是实体(Entity)API？Cesium具有丰富的用于空间数据的API，可以分为两类：面向图形开发人员的低级API(通常称为原始(Primitive)AP...
使用Cesium动态绘制点、线、面、圆、矩形
热门推荐
Mybells
06-04 4万+
将一下代码复制到https://cesiumjs.org/Cesium/Build/Apps/Sandcastle/?src=Drawing%20on%20Terrain.html，查看Demo. var activeShapePoints = []; var activeShape; var floatingPoint; //查看器 var viewer = new Cesium.Viewer...
Cesium源码剖析---Post Processing之物体描边（Silhouette）
weixin_30291791的博客
07-07 2356
　　Cesium在1.46版本中新增了对整个场景的后期处理(Post Processing)功能，包括模型描边、黑白图、明亮度调整、夜视效果、环境光遮蔽等。对于这么炫酷的功能，我们绝不犹豫，先去翻一翻它的源码，掌握它的实现原理。 1 后期处理的原理 　　后期处理的过程有点类似于照片的PS。生活中拍摄了一张自拍照，看到照片后发现它太暗了，于是我们增加亮度得到了一张新的照片。在增加亮度后发现脸上的...
Cesium Vue（五）— 绘制多边形
qq_40120946的博客
10-20 1168
【代码】Cesium Vue（五）— 绘制多边形。
Cesium开发学习笔记（六）---动态画线、画多边形（面积测量）、画圆、画矩形
William_leif的博客
04-18 4551
参考这个大神:https://www.jianshu.com/p/416d432cd83b 画线 function Moveline() { var PolyLinePrimitive = (function () { function _(positions) { this.options = { polyline:...
Cesium 场景设置~黑白、夜视和描边
qq_35984445的博客
07-12 2990
该场景设置主要用Cesium.PostProcessStage()和WebGL中的着色器进行结合，创建类似蒙版的滤镜效果
Cesium 点击绘制线/折线（动态绘制线/折线）
qq_17627195的博客
10-18 6216
是一个类，其值由回调函数延迟计算。也就是说它在不断地自我调用，每当其返回的对象有改变时，就会抛出改变后的值。利用这种特性，我们就可以在定义。使用方法：调用 click_draw_polygon() 方法就可以。时，用CallbackProperty生成动态的数组赋值给。参数，就可以得到动态绘制线/折线的效果。
Cesium在线绘制PolyLine折线
Bret的技术栈
01-16 1万+
使用Cesium.CallbackProperty可以实时更改Geometry.position等参数，从而达到绘制的效果。1.封装PolyLine对象var PolyLinePrimitive = (function(){ function _(positions){ this.options = { polyline : {
cesium 绘制折线 Primitive和 entities方式
lyfly8023的专栏
08-15 346
【代码】cesium 绘制折线 Primitive和 entities方式。
【CesiumJS-6】绘制多边形(PolygonGeometry)动态水面
m0_56023096的博客
03-19 995
【代码】【CesiumJS-6】绘制多边形(PolygonGeometry)动态水面。
cesium绘制矩形框（框线带圆点）
最新发布
07-29
### 使用 Entity 系统绘制矩形框 在 `Entity` 系统中，可以通过 `Polygon` 或 `Polyline` 实现矩形框的绘制。若需要绘制边框样式的矩形，通常使用 `Polyline` 组件。为了实现圆点样式的线条，可以结合 `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值