Skip to content

D
dizhen-ui
Commit ea809f6d by zhaopanyu
Options

zpy

parent 5ab506fd
Showing with 256 additions and 79 deletions
src/views/test/testIma.vue
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<!-- 右侧按钮组 --> <!-- 右侧按钮组 -->
<div class="toolbar-right"> <div class="toolbar-right">
<div class="color-maps"> <div class="color-maps">
<el-select v-model="currentColorMap" @change="switchColorMap" size="small" style="width: 160px;"> <el-select v-model="currentColorMap" @change="switchColorMap" size="small">
<el-option v-for="map in colorMaps" :key="map" :label="map" :value="map"> <el-option v-for="map in colorMaps" :key="map" :label="map" :value="map">
</el-option> </el-option>
</el-select> </el-select>
...@@ -21,6 +21,7 @@ ...@@ -21,6 +21,7 @@
<toolbar-controls :plots="plots" :data-loaded="isWidgetReady" :show-line-style-panel="showLineStylePanel" <toolbar-controls :plots="plots" :data-loaded="isWidgetReady" :show-line-style-panel="showLineStylePanel"
@toggleLineStylePanel="toggleLineStylePanel" @exporting="exporting = $event" @toggleLineStylePanel="toggleLineStylePanel" @exporting="exporting = $event"
@closePrintDialog="showPrintDialog = false" /> @closePrintDialog="showPrintDialog = false" />
<el-tooltip content="绘制文本" placement="bottom" effect="light"> <el-tooltip content="绘制文本" placement="bottom" effect="light">
<el-button @click="toggleDrawText" :class="{ 'active': isDrawingText }"> <el-button @click="toggleDrawText" :class="{ 'active': isDrawingText }">
<i class="el-icon-edit-outline"></i> <i class="el-icon-edit-outline"></i>
...@@ -232,6 +233,7 @@ import { Path } from '@int/geotoolkit/scene/shapes/Path'; ...@@ -232,6 +233,7 @@ import { Path } from '@int/geotoolkit/scene/shapes/Path';
import { LINE_PATTERNS, FILL_PATTERNS, TEXT_PATTERNS, LINESTYLE_PATTERNS, IMAGE_PATTERNS, LS_KEYS, FS_KEYS, TS_KEYS } from '@/api/Patterns.js'; import { LINE_PATTERNS, FILL_PATTERNS, TEXT_PATTERNS, LINESTYLE_PATTERNS, IMAGE_PATTERNS, LS_KEYS, FS_KEYS, TS_KEYS } from '@/api/Patterns.js';
import { SizeMode } from '@int/geotoolkit/scene/shapes/Text'; import { SizeMode } from '@int/geotoolkit/scene/shapes/Text';
import { RgbaColor } from '@int/geotoolkit/util/RgbaColor'; import { RgbaColor } from '@int/geotoolkit/util/RgbaColor';
import { NormalizationType } from '@int/geotoolkit/seismic/pipeline/NormalizationType';
// 导入新的组件 // 导入新的组件
import ToolbarControls from '@/components/ToolbarControls.vue'; import ToolbarControls from '@/components/ToolbarControls.vue';
import LineStylePanel from '@/components/LineStylePanel.vue'; import LineStylePanel from '@/components/LineStylePanel.vue';
...@@ -338,7 +340,7 @@ export default { ...@@ -338,7 +340,7 @@ export default {
colorMaps: ['CustomGrayScale', 'CustomRedScale'], // 可用的颜色映射 colorMaps: ['CustomGrayScale', 'CustomRedScale'], // 可用的颜色映射
textStyle: { textStyle: {
color: '#000000', color: '#000000',
size: 12, size: 22,
font: 'Sans-serif', font: 'Sans-serif',
bold: false, bold: false,
italic: false, italic: false,
...@@ -426,6 +428,7 @@ export default { ...@@ -426,6 +428,7 @@ export default {
clipboard: null, // 用于存储复制的路径 clipboard: null, // 用于存储复制的路径
undoStack: [], // 撤销栈 undoStack: [], // 撤销栈
redoStack: [], // 重做栈 redoStack: [], // 重做栈
_headers: [], // 添加这一行
} }
}, },
mounted() { mounted() {
...@@ -503,6 +506,9 @@ export default { ...@@ -503,6 +506,9 @@ export default {
} }
try { try {
// 确保 _headers 被重置
this._headers = [];
new SegyReader(file, new StandardSegyFormat(), -6) new SegyReader(file, new StandardSegyFormat(), -6)
.loadMetaData((reader) => { .loadMetaData((reader) => {
if (reader instanceof Error) { if (reader instanceof Error) {
...@@ -510,6 +516,32 @@ export default { ...@@ -510,6 +516,32 @@ export default {
console.error(this.loadingError); console.error(this.loadingError);
return; return;
} }
// 获取头信息字段
const knownHeaders = reader.getTraceHeaderFields();
let cdpHeader = null;
// 确保 knownHeaders 存在且是数组
if (knownHeaders && Array.isArray(knownHeaders)) {
knownHeaders.forEach((field) => {
if (field && field.getName) {
if (field.getName() === 'CDP') {
cdpHeader = field;
}
this._headers.push({
'visible': field.getName() === 'CDP',
'name': field.getName(),
'color': 'black'
});
}
});
}
// 如果没有CDP字段，使用第一个可用字段
if (cdpHeader == null && this._headers.length > 0) {
this._headers[0].visible = true;
}
reader.readDataSetStatistics((reader, statistics) => { reader.readDataSetStatistics((reader, statistics) => {
try { try {
if (!statistics) { if (!statistics) {
...@@ -552,7 +584,25 @@ export default { ...@@ -552,7 +584,25 @@ export default {
pipeline.setColorMap(colorMap); pipeline.setColorMap(colorMap);
} }
pipeline.setPlotType({ 'Wiggle': false, 'InterpolatedDensity': true }); // 优化pipeline设置
pipeline.setOptions({
'normalization': {
'type': NormalizationType.RMS,
'scale': 0.4 // 增加scale以提高对比度
},
'plot': {
'type': {
'Wiggle': false,
'InterpolatedDensity': true,
'SimpleDensity': false
},
'decimationSpacing': 1, // 减小decimationSpacing以提高精度
'interpolation': {
'type': 'Linear', // 使用线性插值
'factor': 1 // 插值因子
}
}
});
if (this.widget) { if (this.widget) {
try { try {
...@@ -563,6 +613,23 @@ export default { ...@@ -563,6 +613,23 @@ export default {
this.widget.setPipeline(pipeline); this.widget.setPipeline(pipeline);
this.widget.fitToBounds(); this.widget.fitToBounds();
this.initAnnotationTools(this.widget); this.initAnnotationTools(this.widget);
// 在widget中配置坐标轴
this.widget.setOptions({
'axes': {
'samples': { // Y轴
'title': {
'visible': false
}
},
'headers': { // X轴
'fields': this._headers,
'options': {
'minimumSpan': 100
}
}
}
});
} catch (error) { } catch (error) {
this.loadingError = `设置widget属性失败: ${error.message}`; this.loadingError = `设置widget属性失败: ${error.message}`;
console.error('Error configuring widget:', error); console.error('Error configuring widget:', error);
...@@ -583,8 +650,8 @@ export default { ...@@ -583,8 +650,8 @@ export default {
} }
}) })
.catch(error => { .catch(error => {
// this.loadingError = `获取地震数据失败: ${error.message}`; this.loadingError = `获取地震数据失败: ${error.message}`;
// console.error('Error fetching seismic data:', error); console.error('Error fetching seismic data:', error);
}); });
}, },
...@@ -739,26 +806,95 @@ export default { ...@@ -739,26 +806,95 @@ export default {
this.showTextStylePanel = this.isDrawingText; this.showTextStylePanel = this.isDrawingText;
if (this.isDrawingText) { if (this.isDrawingText) {
// 确保文本大小为22px
this.textStyle.size = 22;
// 创建完整的字体字符串，确保包含字体大小
const fontString = `${this.textStyle.bold ? 'bold ' : ''}${this.textStyle.italic ? 'italic ' : ''}${this.textStyle.size}px ${this.textStyle.font}`;
// 先设置属性 // 先设置属性
this.annotationTool.setProperties({ const textProperties = {
'editmode': EditMode.Create, 'editmode': EditMode.Create,
'mode': PaintMode.Text, 'mode': PaintMode.Text,
'node': { 'node': {
'textstyle': new TextStyle({ 'textstyle': new TextStyle({
color: this.textStyle.color, color: this.textStyle.color,
size: this.textStyle.size, size: this.textStyle.size,
font: this.textStyle.font, font: fontString, // 使用完整的字体字符串
alignment: this.textStyle.align alignment: this.textStyle.align,
bold: this.textStyle.bold,
italic: this.textStyle.italic
}), }),
'textbox': {
'border': this.textStyle.borderRadius > 0,
'borderradius': this.textStyle.borderRadius,
'padding': this.textStyle.borderRadius > 0 ? this.textStyle.borderRadius : 5,
'fixedsize': this.textStyle.fixedFont
},
'selectable': true, 'selectable': true,
'movable': true, 'movable': true,
'editable': true, 'editable': true,
'preserveontextfinish': true, 'preserveontextfinish': true,
'preserveonblur': true, 'preserveonblur': true,
'autofocus': true 'autofocus': true,
'sizemode': this.textStyle.fixedFont ?
(SizeMode.FixedWidth | SizeMode.FixedHeight) :
SizeMode.WrappedWidth
}
};
console.log('文本绘制工具配置:', textProperties);
this.annotationTool.setProperties(textProperties);
// 添加事件监听器来打印文本绘制数据
this.annotationTool.addListener(EditEvents.Start, (tool, command) => {
const node = command.getNode();
const textStyle = node.getTextStyle ? node.getTextStyle() : null;
console.log('开始绘制文本:', {
tool: tool.getMode(),
node: node,
properties: node.getProperties(),
textStyle: textStyle,
fontSize: textStyle ? textStyle.size || textStyle.font : this.textStyle.size
});
});
this.annotationTool.addListener(EditEvents.Change, (tool, event) => {
const node = tool.getShape();
if (node) {
const textStyle = node.getTextStyle ? node.getTextStyle() : null;
console.log('文本绘制更新:', {
properties: node.getProperties(),
bounds: node.getBounds ? node.getBounds() : null,
textStyle: textStyle,
fontSize: textStyle ? textStyle.size || textStyle.font : this.textStyle.size
});
}
});
this.annotationTool.addListener(EditEvents.End, (tool, node) => {
if (node) {
let text = '';
if (typeof node.getText === 'function') {
text = node.getText();
} else if (node.text) {
text = node.text;
} else if (node.getProperties && node.getProperties().text) {
text = node.getProperties().text;
}
const textStyle = node.getTextStyle ? node.getTextStyle() : null;
console.log('文本绘制完成:', {
properties: node.getProperties(),
text: text,
bounds: node.getBounds ? node.getBounds() : null,
textStyle: textStyle,
fontSize: textStyle ? textStyle.size || textStyle.font : this.textStyle.size,
currentTextStyle: this.textStyle
});
} }
}); });
// 最后启用工具
this.annotationTool.setEnabled(true); this.annotationTool.setEnabled(true);
} else { } else {
this.annotationTool.setEnabled(false); this.annotationTool.setEnabled(false);
...@@ -1144,42 +1280,68 @@ export default { ...@@ -1144,42 +1280,68 @@ export default {
return; return;
} }
const colors = new Array(255); // 创建255个颜色点以实现平滑渐变 const colors = new Array(255);
try { try {
// 白色到黑色的平滑渐变 // 优化后的灰度映射 - 增强对比度
// 前55%保持较亮的白色区域 // 白色区域 (0-15%)
interpolate(colors, 0, 140, { interpolate(colors, 0, 38, {
A: 255,
R: 255,
G: 255,
B: 255
}, {
A: 255,
R: 230,
G: 230,
B: 230
});
// 浅灰过渡区域 (15-40%)
interpolate(colors, 39, 101, {
A: 255,
R: 230,
G: 230,
B: 230
}, {
A: 255, A: 255,
R: 254, R: 180,
G: 254, G: 180,
B: 254 B: 180
});
// 中灰过渡区域 (40-60%)
interpolate(colors, 102, 152, {
A: 255,
R: 180,
G: 180,
B: 180
}, { }, {
A: 255, A: 255,
R: 240, R: 120,
G: 240, G: 120,
B: 240 B: 120
}); });
// 中间过渡区域（约25%） // 深灰过渡区域 (60-85%)
interpolate(colors, 141, 203, { interpolate(colors, 153, 216, {
A: 255, A: 255,
R: 240, R: 120,
G: 240, G: 120,
B: 240 B: 120
}, { }, {
A: 255, A: 255,
R: 150, R: 60,
G: 150, G: 60,
B: 150 B: 60
}); });
// 最后的深色渐变区域（约20%） // 黑色区域 (85-100%)
interpolate(colors, 204, 254, { interpolate(colors, 217, 254, {
A: 255, A: 255,
R: 150, R: 60,
G: 150, G: 60,
B: 150 B: 60
}, { }, {
A: 255, A: 255,
R: 0, R: 0,
...@@ -1203,25 +1365,25 @@ export default { ...@@ -1203,25 +1365,25 @@ export default {
const colors = new Array(255); const colors = new Array(255);
try { try {
// 第1段：251,20,10 到 219,138,100 (约20%) // 第1段：起始红色到红棕色 (0-20%)
interpolate(colors, 0, 51, { interpolate(colors, 0, 42, {
A: 255, A: 255,
R: 251, R: 246,
G: 20, G: 40,
B: 10 B: 26
}, { }, {
A: 255, A: 255,
R: 219, R: 221,
G: 138, G: 139,
B: 100 B: 102
}); });
// 第2段：219,138,100 到 215,198,146 (约15%) // 第2段：红棕色到浅褐色 (20-40%)
interpolate(colors, 52, 90, { interpolate(colors, 43, 84, {
A: 255, A: 255,
R: 219, R: 221,
G: 138, G: 139,
B: 100 B: 102
}, { }, {
A: 255, A: 255,
R: 215, R: 215,
...@@ -1229,8 +1391,8 @@ export default { ...@@ -1229,8 +1391,8 @@ export default {
B: 146 B: 146
}); });
// 第3段：215,198,146 到 251,250,255 (约20%) // 第3段：浅褐色到白色 (40-60%)
interpolate(colors, 91, 130, { interpolate(colors, 85, 126, {
A: 255, A: 255,
R: 215, R: 215,
G: 198, G: 198,
...@@ -1242,43 +1404,43 @@ export default { ...@@ -1242,43 +1404,43 @@ export default {
B: 255 B: 255
}); });
// 第4段：251,250,255 到 176,177,225 (约20%) // 第4段：白色到灰紫色 (60-75%)
interpolate(colors, 131, 181, { interpolate(colors, 127, 168, {
A: 255, A: 255,
R: 251, R: 251,
G: 250, G: 250,
B: 255 B: 255
}, { }, {
A: 255, A: 255,
R: 176, R: 110,
G: 177, G: 110,
B: 225 B: 138
}); });
// 第5段：176,177,225 到 136,136,164 (约10%) // 第5段：灰紫色到深灰 (75-90%)
interpolate(colors, 182, 206, { interpolate(colors, 169, 210, {
A: 255, A: 255,
R: 176, R: 110,
G: 177, G: 110,
B: 225 B: 138
}, { }, {
A: 255, A: 255,
R: 136, R: 50,
G: 136, G: 49,
B: 164 B: 54
}); });
// 第6段：136,136,164 到 22,22,22 (约25%) // 第6段：保持深灰到结束 (90-100%)
interpolate(colors, 207, 254, { interpolate(colors, 211, 254, {
A: 255, A: 255,
R: 136, R: 50,
G: 136, G: 49,
B: 164 B: 54
}, { }, {
A: 255, A: 255,
R: 22, R: 50,
G: 22, G: 49,
B: 22 B: 54
}); });
map.set(colors); map.set(colors);
...@@ -1323,7 +1485,7 @@ export default { ...@@ -1323,7 +1485,7 @@ export default {
pattern: this.getProcessedLinePattern(this.lineStyle.pattern) pattern: this.getProcessedLinePattern(this.lineStyle.pattern)
}); });
this.pencilTool = new Paint({ const pencilProperties = {
'layer': widget.getManipulatorLayer(), 'layer': widget.getManipulatorLayer(),
'mode': PaintMode.Pencil, 'mode': PaintMode.Pencil,
'editmode': EditMode.Create, 'editmode': EditMode.Create,
...@@ -1333,30 +1495,45 @@ export default { ...@@ -1333,30 +1495,45 @@ export default {
'movable': true, 'movable': true,
'editable': true 'editable': true
} }
}); };
console.log('线条绘制工具配置:', pencilProperties);
this.pencilTool = new Paint(pencilProperties);
// 添加事件监听 // 添加事件监听
this.pencilTool this.pencilTool
.addListener(EditEvents.Start, (tool, command) => { .addListener(EditEvents.Start, (tool, command) => {
console.log('开始绘制', command.getNode()); const node = command.getNode();
this.annotations.addChild(command.getNode()); console.log('开始绘制线条:', {
tool: tool.getMode(),
properties: node.getProperties()
});
this.annotations.addChild(node);
}) })
.addListener(EditEvents.Change, (tool, event) => { .addListener(EditEvents.Change, (tool, event) => {
console.log('绘制中'); const node = tool.getShape();
if (node) {
console.log('线条绘制更新:', {
properties: node.getProperties(),
bounds: node.getBounds ? node.getBounds() : null
});
}
}) })
.addListener(EditEvents.End, (tool, node) => { .addListener(EditEvents.End, (tool, node) => {
console.log('绘制结束', node); if (node) {
console.log('线条绘制完成:', {
properties: node.getProperties(),
bounds: node.getBounds ? node.getBounds() : null
});
}
if (node && this.annotations.indexOfChild(node) === -1) { if (node && this.annotations.indexOfChild(node) === -1) {
this.annotations.addChild(node); this.annotations.addChild(node);
} }
// 绘制结束后切换到编辑模式而不是停用工具
tool.setEditMode(EditMode.EditNode); tool.setEditMode(EditMode.EditNode);
tool.editNode(node); tool.editNode(node);
// 记录当前选中的形状
this.selectedShape = node; this.selectedShape = node;
this.requestRepaint(); this.requestRepaint();
}); });
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment