From b9aa1e3bc9b70df68967b3a37ece51ae1729f5b2 Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期三, 07 四月 2021 11:39:14 +0800
Subject: [PATCH] 统一样式-图层组件样式修改
---
src/components/plugin/PathDashFlow.js | 112 +++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 83 insertions(+), 29 deletions(-)
diff --git a/src/components/plugin/PathDashFlow.js b/src/components/plugin/PathDashFlow.js
index 52792fc..a868066 100644
--- a/src/components/plugin/PathDashFlow.js
+++ b/src/components/plugin/PathDashFlow.js
@@ -1,43 +1,97 @@
// @class PolyLine
-import * as L from 'leaflet'
+const L = window.L
+L.Path.mergeOptions({
+ // @option dashSpeed: Number
+ // The speed of the dash array, in pixels per second
+ dashSpeed: 0
+})
-let DashFlow = () => {
- L.Path.mergeOptions({
- // @option dashSpeed: Number
- // The speed of the dash array, in pixels per second
- dashSpeed: 0
- })
+var _originalBeforeAdd = L.Path.prototype.beforeAdd
- var _originalBeforeAdd = L.Path.prototype.beforeAdd
+L.Path.include({
- L.Path.include({
+ beforeAdd: function (map) {
+ _originalBeforeAdd.bind(this)(map)
- beforeAdd: function(map) {
- _originalBeforeAdd.bind(this)(map)
+ if (this.options.dashSpeed) {
+ this._lastDashFrame = performance.now()
+ this._dashFrame = L.Util.requestAnimFrame(this._onDashFrame.bind(this))
+ }
+ },
- if (this.options.dashSpeed) {
- this._lastDashFrame = performance.now()
- this._dashFrame = L.Util.requestAnimFrame(this._onDashFrame.bind(this))
- }
- },
+ _onDashFrame: function () {
+ if (!this._renderer) {
+ return
+ }
- _onDashFrame: function() {
- if (!this._renderer) {
- return
- }
+ var now = performance.now()
+ var dashOffsetDelta = (now - this._lastDashFrame) * this.options.dashSpeed / 1000
- var now = performance.now()
- var dashOffsetDelta = (now - this._lastDashFrame) * this.options.dashSpeed / 1000
+ this.options.dashOffset = Number(this.options.dashOffset || 0) + dashOffsetDelta
+ this._renderer._updateStyle(this)
- this.options.dashOffset = Number(this.options.dashOffset || 0) + dashOffsetDelta
- this._renderer._updateStyle(this)
+ this._lastDashFrame = performance.now()
- this._lastDashFrame = performance.now()
+ this._dashFrame = L.Util.requestAnimFrame(this._onDashFrame.bind(this))
+ },
- this._dashFrame = L.Util.requestAnimFrame(this._onDashFrame.bind(this))
+ _offDashFrame: function () {
+ L.Util.cancelAnimFrame(this._dashFrame)
+ },
+
+ onRemove: function () {
+ this._renderer._removePath(this)
+ this._offDashFrame()
+ }
+})
+
+// 閽堝Canvas娣诲姞dashOffset鍙傛暟锛岃В鍐矯anvas涓嬫棤娉曞疄鐜板姩鎬佺嚎闂
+L.Canvas.include({
+ _updateDashArray: function (layer) {
+ if (typeof layer.options.dashArray === 'string') {
+ var parts = layer.options.dashArray.split(/[, ]+/)
+ var dashArray = []
+ var dashValue
+ var i
+ for (i = 0; i < parts.length; i++) {
+ dashValue = Number(parts[i])
+ // Ignore dash array containing invalid lengths
+ if (isNaN(dashValue)) {
+ return
}
+ dashArray.push(dashValue)
+ }
+ layer.options._dashArray = dashArray
+ } else {
+ layer.options._dashArray = layer.options.dashArray
+ }
- })
-}
+ if (layer.options.dashOffset) {
+ layer.options._dashOffset = layer.options.dashOffset
+ }
+ },
+ _fillStroke: function (ctx, layer) {
+ var options = layer.options
-export default { DashFlow }
+ if (options.fill) {
+ ctx.globalAlpha = options.fillOpacity
+ ctx.fillStyle = options.fillColor || options.color
+ ctx.fill(options.fillRule || 'evenodd')
+ }
+
+ if (options.stroke && options.weight !== 0) {
+ if (ctx.setLineDash) {
+ ctx.setLineDash((layer.options && layer.options._dashArray) || [])
+ }
+ if (layer.options._dashOffset) {
+ ctx.lineDashOffset = layer.options._dashOffset
+ }
+ ctx.globalAlpha = options.opacity
+ ctx.lineWidth = options.weight
+ ctx.strokeStyle = options.color
+ ctx.lineCap = options.lineCap
+ ctx.lineJoin = options.lineJoin
+ ctx.stroke()
+ }
+ }
+})
--
Gitblit v1.8.0