Adobe Photoshop是目前最流行的平面设计软件之一。可以说，只要你接触平面设计，那么无论早晚，你都要和它打交道。关于Photoshop，要说的实在太多太多，但不论你想让它成为你的左膀右臂，或者仅仅是用它来做一些最基础的图像处理工作，那么下面的10件事都是你一定要知道的，无论你是个初学者或是已经对它有了一定的了解。希望能对想学习的朋友们有所帮助 .1.快捷键的使用：这是Photo
转载
2024-10-24 23:15:46
139阅读
界面构成 1.菜单栏 2.工具箱 3.工具属性栏 4.悬浮面板 5.画布 （常见打开方式 ctrl+o） 拖入 双击等 ctrl+n 新建画布（并针对画布进行设置）画布的三种显示方式切换：F隐藏工具箱 工具属性 悬浮面板TAB缩放工具：z（放大）暂时切换到缩小按住alt键移动工具：V矩形选框工具：M切换到：暂时切换到：满画布显示：ctrl+0（数字）按住空格键：暂时切换到抓手
转载
2024-04-29 09:28:18
335阅读
效果展示：实现原理：1.求实现定点缩放所需的位移值定点缩放：从图中选取某点（参照物）为中心点进行缩放，缩放时无论图像怎么变化，该点位置始终固定不变。有想深入了解实现原理的，不妨试着做一下我下面出的一道题：有一个长4000px、宽4000px的四方形ABCD，A点的坐标固定在(-2000,-2000)，该四边形上有一个点E，坐标为(-100,-300)，将该四方形复制一份并缩小到90%后，新四边形的
本文简介点赞+关注+收藏=学会了<br使用fabric.js创建出来的画布默认是不能拖拽移动的。不过我们可以利用一些小技巧让画布具有被拖拽的能力，fabric.js官网也提供了一个demo(http://fabricjs.com/fabricintropart5)，但文档上并没有详细的讲解拖拽画布的实现原理。本文就粗略分析一下这个原理。!file(https://s2.51cto.com/imag
原创
2022-12-22 22:51:24
385阅读
一、vue 项目使用文档地址： https://www.itxst.com/sortablejs/neuinffi.html1、安装依赖npm i -S vuedraggable2、.vue 文件引入组件import draggable from "vuedraggable";
components: { draggable },3、.使用查看文档中的示例即可：https://debug.itxs
拖放事件
#1. 三个对象源对象 -- 被拖放的元素
过程对象 -- 经过的元素
目标对象 -- 到达的元素
#2. 源对象中的事件要想让某个元素可以拖拽需要设置draggable="true"大多数的标签该属性默认值是false，但是img标签和a标签的draggable属性默认是truedragstart 源对象开始拖放
drag 源对象拖放过程中
drag
转载
2024-10-07 11:51:11
84阅读
滚动是用户体验的重要组成部分，让它变得有趣是首要任务之一当用户在浏览网站时越有趣，他们停留的时间就越长。动画和滚动无关的日子已经一去不复返了。滚动现在补充了交互设计并与用户建立了情感联系。今天这篇文章，我主要是想跟你分享 10 个有趣且有创意的动画效果。1 — 经典方法在这里应该消失的对象变得透明，新的对象出现。这是一个相当通用的选项，适用于所有类型的网站，除此之外，它将帮助网站看起来现代、独特和
什么是authorware?
最近在空闲的时间研究起这个软件来了.到底什么是authorware呢?authorware是交互式多媒体制作软件，用它可以将图片`音频`视频`动画等媒体进行编辑制作，最终形成一个完整的交互式作品，广泛用于课件制作，产品展示，广告等领域。 你一定从电脑上看过一些多媒体教学光盘吧！比如学拼音、学英语、学电脑等软件，你是不是被它的图文、声音、视频动画等
转载
2024-09-26 08:51:27
49阅读
canvas的globalCompositeOperation属性
在开发过程中遇到过类似刮刮卡的效果，就是涂抹时变透明，显示出下方的内容，做法思路简单说一下问题和解决方案；分为2层，最下面一层是内容，比如‘一等奖’，上面一层用一个canvas遮挡住，画布本来是透明的，那必须给整个画布颜色ctx.fillStyle = '#27293
转载
2024-09-27 19:05:18
181阅读
通过jquery可以很容易实现CP端的拖拽。但是在移动端却不好用了。于是我自己写了一个在移动端的拖拽demo，主要用到的事件是触摸事件（touchstart，touchmove和touchend）。这个demo实现的功能是：可以拖拽的元素（在这里是图片）位于列表中，这些元素可以被拖到指定区域，到达指定区域（控制台）后，元素被插入控制台后，原来的拖动元素返回原位置，新的元素依然可以在控制台中拖动，也
关于 Python 自动化的话题，在上一篇文章中，我介绍了 Invoke 库，它是 Fabric 的最重要组件之一。Fabric 也是一个被广泛应用的自动化工具库，是不得不提的自动化运维利器，所以，本文将来介绍一下它。 Fabric 主要用在应用部署与系统管理等任务的自动化，简单轻量级，提供有丰富的 SSH 扩展接口。在 Fabric 1.x 版本中，它混杂了本地及远程两类功能；但自 Fabric
本文简介
点赞 + 关注 + 收藏 = 学会了
使用 canvas 开发的项目，滚轮缩放画布的需求应该不算少数，比如地图。
Fabric.js 也提供了缩放画布的功能，本文主要讲解设置画布大小的几种方法。
动手实现
在动手前先查查文档。
我把和本文相关的文档放在这
mouse:wheel：滚轮事件
getZoom：获取画布当前缩放级别
setZoom：设置画布缩放级别
zoomTo
原创
2022-07-19 23:22:03
455阅读
本文简介点赞+关注+收藏=学会了<br我们可以在Canvas上绘制图形，同样也可以将画布上的所有内容都清空掉。!file(https://s2.51cto.com/images/blog/202212/20210818_63a1b3c24560e75075.gif)本文主要聊聊：在fabric.js中如何清空画布；和原生canvas对比，fabric.js到底有多方便；销毁fabrci.js创建的
原创
2022-12-20 21:08:21
740阅读
PS教程 一、简要介绍 1、Ctrl+t–自由变换–（可缩放） shift+alt–以中心同比例缩小 2、缩小放大–左右括号键–[] 3、修改背景颜色时，要注意图层关系 4、窗口添加工具栏到右侧 5、放大镜，按住alt变为缩小（减号） 6、移动工具：移动画面中的素材； 抓手：移动画面 7、Ctrl+0以最大画面显示画布（全屏） 8、PS顶部菜单栏里面的“编辑->工具栏”可以对左边工具栏进行修
上文介绍了 拖拽添加组件 的简单实现，本文将继续给大家分享如何自定义拖拽组件位置的简单实现，文中通过示例代码介绍，感兴趣的小伙伴们可以了解一下本文主要介绍了 Vue自定义拖拽组件位置的简单实现，具体如下：效果图实现过程给画布中的拖拽元素绑定 onmousedown 事件并把组件身上绑定的属性和在拖拽元素列表的位置传到事件处理函数中在 data 中声明一个 标识位(下面会说到) 和 保存鼠标点击位置
转载
2024-10-29 10:48:54
212阅读
canvas画布加载图片就是往画布里面添加一些本地的或者网络上的图片。从而使画布图文并茂。关键代码let image = new Image(): 这里新增一个图片对象，它是一个图像的载体。但通过console.log(image)打印可以得知，其实它是一个html里的img标签，所有它拥有img标签里面的所有属性。在canvas转化img标签的时候它也能够发挥作用。所以下面主要讲述在canvas
转载
2024-09-03 10:50:30
35阅读
从便利化出发，现在大家都喜欢用css去修改html元素的布局。正因如此，有些小伙伴也用css去修改画布，从而导致异常发生，出现一些奇怪或无用的效果。这是源于canvas元素本身的大小同绘图表面的大小，是两个不同的概念。即canvas元素在尺寸上有两个大小，一个是其本身的大小，另一个是元素绘图表面的大小。当我们在canvas元素中设置宽与高的属性时，它同时修改了canvas本身的大小与绘图表面的大小
转载
2024-10-20 10:57:01
74阅读
本文简介点赞+关注+收藏=学会了<br学习Fabric.js，我的建议是看文档不如看demo。本文实现的功能：将元素拖进到画布中并生成对应的图形或图片。效果如下图所示：!file(https://s2.51cto.com/images/blog/202301/10123805_63bcebad0d01e52440.gif)<br<br思路要实现以上效果，需要考虑以下几点：1.元素有拖拽功能。2.能
原创
2023-01-10 12:38:06
121阅读
阅读目录JavaScript部分JQurey部分HTML/CSS部分正则表达式开发及性能优化部分本篇收录了一些面试中经常会遇到的经典面试题以及自己面试过程中遇到的一些问题，并且都给出了我在网上收集的答案。马上就要过春节了，开年就是崭新的一年，相信很多的前端开发者会有一些跳槽的悸动，通过对本篇知识的整理以及经验的总结，希望能帮到更多的前端面试者。（如有错误或更好的答案，欢迎指正，水平有限，望各位不吝
本文简介点赞+关注+收藏=学会了<br本文主要讲解如何禁止元素超出画布范围。效果如下图所示。!file(https://s2.51cto.com/images/blog/202212/22223418_63a46aea37fa210627.gif)就算是修改了元素尺寸也一样可以限制元素超出画布。!file(https://s2.51cto.com/images/blog/202212/222234
原创
精选
2022-12-22 22:34:19
357阅读
