|
@@ -142,6 +142,7 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import { queryDeviceAndPOsition, createLegend, updateLegend, uploadImg, getVisualization } from '@/api/legendLibrary.js'
|
|
import { queryDeviceAndPOsition, createLegend, updateLegend, uploadImg, getVisualization } from '@/api/legendLibrary.js'
|
|
|
|
+import transparency from './../legendLibrary/transparency.js'
|
|
import { FloorView } from '@/lib/FloorView'
|
|
import { FloorView } from '@/lib/FloorView'
|
|
import { FloorScene } from '@/lib/FloorScene'
|
|
import { FloorScene } from '@/lib/FloorScene'
|
|
import { GraphView } from '@/lib/GraphView'
|
|
import { GraphView } from '@/lib/GraphView'
|
|
@@ -320,77 +321,21 @@ export default {
|
|
//rgba转成16进制
|
|
//rgba转成16进制
|
|
hexify(color) {
|
|
hexify(color) {
|
|
if (color) {
|
|
if (color) {
|
|
- var opacity = ''
|
|
|
|
- var rgb = color.split(',')
|
|
|
|
- var r = parseInt(rgb[0].split('(')[1])
|
|
|
|
- var g = parseInt(rgb[1])
|
|
|
|
- var b = parseInt(rgb[2].split(')')[0])
|
|
|
|
- switch (parseFloat(rgb[3] || 1) + '') {
|
|
|
|
- case '0':
|
|
|
|
- opacity = '00'
|
|
|
|
- break
|
|
|
|
- case '0.05':
|
|
|
|
- opacity = '0C'
|
|
|
|
- break
|
|
|
|
- case '0.1':
|
|
|
|
- opacity = '19'
|
|
|
|
- break
|
|
|
|
- case '0.15':
|
|
|
|
- opacity = '26'
|
|
|
|
- break
|
|
|
|
- case '0.2':
|
|
|
|
- opacity = '33'
|
|
|
|
- break
|
|
|
|
- case '0.25':
|
|
|
|
- opacity = '3F'
|
|
|
|
- break
|
|
|
|
- case '0.3':
|
|
|
|
- opacity = '4C'
|
|
|
|
- break
|
|
|
|
- case '0.35':
|
|
|
|
- opacity = '59'
|
|
|
|
- break
|
|
|
|
- case '0.4':
|
|
|
|
- opacity = '66'
|
|
|
|
- break
|
|
|
|
- case '0.45':
|
|
|
|
- opacity = '72'
|
|
|
|
- break
|
|
|
|
- case '0.5':
|
|
|
|
- opacity = '7F'
|
|
|
|
- break
|
|
|
|
- case '0.55':
|
|
|
|
- opacity = '8C'
|
|
|
|
- break
|
|
|
|
- case '0.6':
|
|
|
|
- opacity = '99'
|
|
|
|
- break
|
|
|
|
- case '0.65':
|
|
|
|
- opacity = 'A5'
|
|
|
|
- break
|
|
|
|
- case '0.7':
|
|
|
|
- opacity = 'B2'
|
|
|
|
- break
|
|
|
|
- case '0.75':
|
|
|
|
- opacity = 'BF'
|
|
|
|
- break
|
|
|
|
- case '0.8':
|
|
|
|
- opacity = 'CC'
|
|
|
|
- break
|
|
|
|
- case '0.85':
|
|
|
|
- opacity = 'D8'
|
|
|
|
- break
|
|
|
|
- case '0.9':
|
|
|
|
- opacity = 'E5'
|
|
|
|
- break
|
|
|
|
- case '0.95':
|
|
|
|
- opacity = 'F2'
|
|
|
|
- break
|
|
|
|
- case '1':
|
|
|
|
- opacity = 'FF'
|
|
|
|
- break
|
|
|
|
- }
|
|
|
|
|
|
+ let opacity = '',
|
|
|
|
+ rgb = color.split(','),
|
|
|
|
+ r = parseInt(rgb[0].split('(')[1]),
|
|
|
|
+ g = parseInt(rgb[1]),
|
|
|
|
+ b = parseInt(rgb[2].split(')')[0]),
|
|
|
|
+ a = Number(rgb[3].split(')')[0] || 1) * 100
|
|
|
|
+
|
|
|
|
+ transparency.forEach((i, index) => {
|
|
|
|
+ if (index == a) {
|
|
|
|
+ opacity = i
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+
|
|
var hex = '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1) + opacity
|
|
var hex = '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1) + opacity
|
|
|
|
+ console.log(hex)
|
|
return hex
|
|
return hex
|
|
} else {
|
|
} else {
|
|
return
|
|
return
|