更新记录

2.0.0（2023-07-11）

1、新增工具、尺寸参数

1.1.0（2022-07-22）

1、更改为本地引入js文件方式

1.0（2022-07-22）

1、此为第一版本，仅支持查看和简单的鼠标拖动调整色差功能

平台兼容性

关于yuanzhen-dcmView插件(组件)的使用说明

1、该插件为个人开发者开发，为原创组件。

2、该插件的注释十分详细，有兴趣的开发者可以看看。

3、此为第二版本，以后会不定期更新。

4、关于组件相关，也会在我的个人博客详细介绍，博客地址：https://www.cnblogs.com/bokemoqi/p/16516192.html

5、该版本组件许可协议为：MIT协议

注意：插件调用方法，需要引入，注册。

一、使用方法如下：

<template>
    <view>
        <dcmview :imgurl="imgurl" :toolType="toolType" width="750rpx" height="1000rpx"></dcmview>
    </view>
</template>
<script>
    //引入组件
    import dcmview from '../../components/yuanzhen-dcmView/dcmview.vue'
    export default {
        //注册组件
        components:{
            dcmview
        },
        data() {
            return {
                imgurl:'http://127.0.0.1:8081/329.dcm', //传值，传dcm图片地址给<dcmview>组件
                toolType:"RectangleRoi"   //工具传值，根据传值绑定不同工具
            }
        }   
    }
</script>

二、参数说明：

toolType参数值：

三、关于跨域问题解决方案

若在你使用该插件时遇到跨域问题，可参考以下方案进行解决：

方案一：如果你在本地使用http-server启动的本地服务器服务，你可以把启动命令更改为http-server --cors(注意空格)，就可以解决本地跨域问题。

方案二：在uniapp中进行配置。首先打开manifest.json文件并查看源码视图，在源码视图中加入如下配置内容：

"h5": {
        "devServer": {
            "port": 8080, //浏览器运行端口
            "disableHostCheck": true, //设置跳过host检查
            "proxy": {
             "/api": {
                    "target": "http://localhost:8081", //目标接口api域名
                    "changeOrigin": true, //是否跨域
                    "secure": false, // 设置支持https协议的代理
                    "pathRewrite": {
                        "^/api": ""
                    }
                }
            }
        }
    }

如下图：

至此，即可解决跨域问题。若仍无法解决，请后端进行解决跨域即可！