基于HTML5 Canvas的岩性符号绘制

打开文本图片集

中图分类号：TP311.1 文献标识码：A

文章编号：1006-8228（2025）11-73-04

Lithological Symbol Rendering Based on HTML5 Canvas

Liu Liting，Liu Yuangang

（SchoolofGeoscience，YangtzeUniversity，Wuhan，Hubei43oioo，China）

Abstract：Lithologicalsymbolsplayacriticalroleingeologicalcartography，servingasaprimarymeansofrepresenting stratigraphicandlithologicaldistributions.Thestandardizationoftheirdesignandrenderingdirectlyinfluencetheacuracy interpretabilityandreadabilityofgeologicalmaps.Conventionalaproachestypicallyrelyondesktopsoftware，whichishighly coupledwithlocalenvironmentsandthereforelimitedintermsofcross-platformsharingToovercomechalengessuchas inconsistentsymbolstandardsanddependenceonspecificrenderingtools，thisstudyproposesaweb-basedapproachforlithological symbolrendering.AunifiedgraphicalsymbolencodingsystemwasestablishedinaccordancewiththeLegendofRegional GeologicalMaps（GB/T958—2015）.Themethodemploysabrowser-server（B/S）architectureandintegratesHTML5Canvaswith Vue-basedfront-endcomponentstoachievedynamicrenderingoflithologicalsymbolsandseamlessmapcomposition.Operating entirelywithinabowserenviromenttheaproacheliminatesheneedforaditionalsoftwareinstalltionoffringthedvantages oflightweighteployment，highreusabilityandcro-platformcompatibilityItsfeasibilityandefectivenesswereeostrated throughapplicationtolithologicalcolumnarlogsfromtheSichuanBasin.Theresultsprovidenewinsightsandmethodological pathways for advancing the standardization and intelligent visualization of geological maps.

Keywords：Lithological Symbols;HTML5 Canvas;Vue;B/S Architecture

0引言

岩性符号是地质制图中表达地下岩性特征的重要元素，承担着将复杂地质信息以规范化、直观化形式传递的关键任务。（剩余4086字）