Fireworks怎么只显示图片的一部分?

简介: fw剪切蒙版的实现方法

如图,将一张图片插入到画布中,我们想要显示的部分是中间的桥那部分
image.png

然后打开工具中的矩形或者椭圆工具
image.png

在桥的那部分,绘制一个图形将其挡住,如图所示,放在他的上面
image.png

然后将这两个选项全部选中,然后右键选择组合蒙版,如图
image.png

将其组合为蒙版后,就会只显示上面图形的位置大小了,如图所示;如果你的图形显示不清楚,是因为在图层蒙版中只会显示黑白灰三种颜色,这时候选中右侧面板中的图层蒙版选项,然后在下面的属性栏中的颜色区域,将其选择为白色即可
image.png

选择了白色颜色后,图片选择部分就会清晰了,白色表示透明,所将下面的图形完全显示出来了,黑色表示不透明的意思,如果上面的黑色不透明,那么显示下面图形自然就模糊不清了。
image.png

如果想要调整图片的显示位置,这时候可以选中右侧面板中的图形图层,如图所示的位置,然后在画布中就会出现一个圆点,调整整个圆点的位置,就可以显示图形不同的位置了。
image.png

相关文章
解决element-ui上传多张图片时闪动问题
解决element-ui上传多张图片时闪动问题
378 0
|
5月前
|
前端开发
css实用技巧——异步加载图片时,在图片完成加载前,鼠标悬浮到占位图片上时显示图片的alt信息
css实用技巧——异步加载图片时,在图片完成加载前,鼠标悬浮到占位图片上时显示图片的alt信息
30 0
|
移动开发 前端开发 HTML5
前端 HTML5 Svg 画板(支持视频、图片上涂鸦,支持缩放、修改、颜色、复选...)
前端 HTML5 Svg 画板(支持视频、图片上涂鸦,支持缩放、修改、颜色、复选...)
253 0
|
前端开发
canvas实现海报 两张图片合成一张并且可以保存
canvas实现海报 两张图片合成一张并且可以保存
canvas实现海报 两张图片合成一张并且可以保存
|
前端开发
巧用 CSS 构建渐变彩色二维码
巧用 CSS 构建渐变彩色二维码
348 0
巧用 CSS 构建渐变彩色二维码
|
前端开发 小程序 JavaScript
小程序canvas实现(分享朋友圈生成图片)
小程序canvas实现(分享朋友圈生成图片)
608 0
小程序canvas实现(分享朋友圈生成图片)
|
Web App开发 前端开发 算法
FireFox下Canvas使用图像合成绘制SVG的Bug
本文适合适合对canvas绘制、图形学、前端可视化感兴趣的读者阅读。
|
C# 容器 前端开发
WPF 把图片分割成两份自动翻页 WpfFlipPageControl:CtrlBook 书控件
原文:WPF 把图片分割成两份自动翻页 WpfFlipPageControl:CtrlBook 书控件 版权声明:本文为博主原创文章,需要转载尽管转载。 https://blog.
1334 0
|
C#
【C#/WPF】图片的切割/切图/裁剪图片
原文:【C#/WPF】图片的切割/切图/裁剪图片 前台准备两个Image控件。上面是显示原图,下面显示切割后的效果。 对应的后台代码: public par...
2189 0