word制作流程图有没有橡皮擦_WPS中的流程图以及思维导图

  在你写某个流程的时候如果光写文字会显得内容过于单调,不够直观,WPS现在自带流程图可以把你的流程规范化,可视化,在一众的流程中脱颖而出

  而思维导图能够帮助你梳理自己的工作,无论是日常工作还是写工作总结,都是一个很好的工具,今天就主要说流程图

  在插入里可以插入流程图和思维导图,但是这里面只有你使用过的流程图模板或是你自己制作的,要想要更多的模板需要在另一个位置进入

edde0abaf76a6b38b3855ecdadd6b0bd.png

0dd0da96cf5b022b7b764f1e593f9f64.png

  在左上角的WPS图标上点击一下,在比较下面的位置有流程图和思维导图

7ea4e7fc730017c574d45990a5e65e98.png

248fd43ba083971de2895a4616fe9e27.png

 可以新建一个空白流程,或是直接使用WPS提供的模板

5b3aa93098213147bfbf1f9d785c8b0d.png

  如果是新建空白流程的话,会生成一个空白面板,你可以在上面自己建立流程,左侧的图形都是通过鼠标左键拖动进入面板的

e504b9cdd76d5e93f37ccee53ad87f77.png

  箭头是通过图形上的圆点拉动出来的,把鼠标放在圆点上,当呈现加号时拖动即可

ecb111dc5ac1f01b31198997f0249656.png

2e3d7efa5a08752bcbf5c96a44d2392d.png

你可以给文件取个名字,重命名在文件内

b8ab770f856099284a0ef2a4551527f3.png

  你可以保存成图片在插入到word中,也可以在插入-流程图里找到你刚才做的流程图

9fb54c96736bf96ff502ef62fe6cf4d1.png

  如何保存?在左上角有一个下载,可以下载成透明背景图就是PNG图片,纯色背景图JPG图片,以及PDF图,POS图就是可以导入到WPS的流程图,但是需要会员

3aa5dc003e72a1c47fbbcb2396eb7b20.png

1977693bdc76d40fa2b3efd04a6438ff.png

  这个的操作十分的简单,如果你想要做的更专业,可以下载一些专业的制作流程图的软件,比如Visio等等


2dbd07d7f90974c347a241e25ddb4358.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在vue2实现图片撤销、裁剪、橡皮擦等功能,可以使用第三方插件vue-cropperjs和vue-eraser。 1. 使用vue-cropperjs插件实现图片裁剪功能: 首先在项目安装vue-cropperjs插件: ``` npm install vue-cropperjs --save ``` 然后在vue组件引入该插件: ```javascript import VueCropper from 'vue-cropperjs'; import 'cropperjs/dist/cropper.css'; export default { components: { VueCropper }, data() { return { image: '', cropperOptions: { viewMode: 1, aspectRatio: 16 / 9, autoCropArea: 1, movable: false, cropBoxMovable: false, cropBoxResizable: false, dragMode: 'none' } }; }, methods: { crop() { this.$refs.cropper.getCroppedCanvas().toBlob((blob) => { // 处理裁剪后的图片 }); } } }; ``` 在template使用vue-cropper组件: ```html <vue-cropper ref="cropper" :src="image" :options="cropperOptions"></vue-cropper> <button @click="crop">裁剪</button> ``` 2. 使用vue-eraser插件实现橡皮擦功能: 首先在项目安装vue-eraser插件: ``` npm install vue-eraser --save ``` 然后在vue组件引入该插件: ```javascript import VueEraser from 'vue-eraser'; export default { components: { VueEraser }, data() { return { image: '', canvasWidth: 500, canvasHeight: 500, eraserSize: 10 }; }, methods: { erase() { let canvas = this.$refs.eraser.canvas; let ctx = canvas.getContext('2d'); ctx.globalCompositeOperation = 'destination-out'; ctx.beginPath(); ctx.arc(canvas.width / 2, canvas.height / 2, this.eraserSize, 0, 2 * Math.PI, true); ctx.fill(); ctx.globalCompositeOperation = 'source-over'; } } }; ``` 在template使用vue-eraser组件: ```html <vue-eraser ref="eraser" :width="canvasWidth" :height="canvasHeight" :size="eraserSize" :image="image"></vue-eraser> <button @click="erase">擦除</button> ``` 以上就是使用vue2实现图片撤销、裁剪、橡皮擦等功能的方法,希望能对你有所帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值