Cropper 是一个简单的 jQuery 图像裁剪插件。它支持选项，方法，事件，触摸（移动），缩放，旋转。输出的裁剪数据基于原始图像大小，这样你就可以用它们来直接裁剪图像。如果你尝试裁剪跨域图像，请确保您的浏览器支持 HTML5 CORS 属性和图片服务器支持 Access-Control-Allow-Origin 选项。这些浏览器测试通过：Chrome, …
前端切图工具
演讲主题：增材制造结构设计-切片-工艺优化仿真全流程解决方案主讲人：徐蕾，海克斯康工业软件VMC团队Simufact 高级工程师直播时间：2024年3月14日（周四） 下午14:00-15:00近年来，增材制造工艺一直是制造行业的热点话题，无论是航空航天、汽车、医疗还是机械、能源、电子等的行业都对增材制造的应用日趋广泛。本次直播海克斯康重磅推出增材制造工艺全 …
做响应式开发经常需要测试网址在不同设备下的样子，firefox，chrome开发工具都提供了这样一个功能，或者干脆更简单一点，打开跨屏测网站，直接输入你想查看的网址，提交就能看到这个网址在不同设备分辨率呈现的样子，很方便。跨屏测 取自“跨屏”+“评测”，结合在一起取名 跨屏测，网址是跨屏测的拼音，由切图网（qietu.com）创建于2015年12月。36kr …
最近在做前端的开发。前端的发展向来都是日新月异的，所以一个技术是否落后，是否有其他的很好的更牛的新技术出现。很多人不希望都是用到了这个技术，然后会去了解这个技术的一些发展才有一定的了解，本文介绍四种常用的方法获取最新的前端资讯。一、从新闻中获取(国内外差距比较大，国外明显有国内，这是英语好就是优势)国外 1. Reddit: JavaScript: 为何第一 …
jQuery DrawSVG 使用了 jQuery 内置的动画引擎实现 SVG 路径动画，用到了 stroke-dasharray 和 stroke-dashoffset 属性。DrawSVG 是完全免费的，赶紧来试用一下吧。http:lcdsantos.github.iojquery-drawsvg下载地址http:www.qietu.cnthread-1 …
本文深入探讨了产品经理在日常工作中不可或缺的一环——需求文档的编制。通过一个具体的分销系统设计案例，文章详细展示了如何从一个宏观的视角逐步深入到功能的每个细节，确保研发团队能按照既定目标高效完成任务。产品经理日常繁琐的工作中，除了与业务、研发之间的battle，最重要的一部分就是需求文档的编制，需求文档的好坏直接影响研发同学对产品功能实现的质量，是研发代码实 …
切图网在为客户做webapp制作的时候，通常都是固定宽度的，比如常见的webapp宽度的设计是640,750等，当我们拿到一个设计稿是 640宽的时候，那么我们切出来的网页也是 固定 640宽的，跟大家所认知的 100%自适应布局、流式布局等不同，所以经常会有客户会提出为什么不是100%宽度的呢，这个是不是会自适应不同宽度的手机下会有问题？答案是不会的，在任 …
dreamweaver对一个web前端工作者来说，再熟悉不过了，像我07年接触web前端开发就是用的dreamweaver，一直用到现在，身边的朋友有跟我推荐过各种更好用的可替代dreamweaver的工具，一开始我是拒绝的，但是后来我发现竟然真有比dreamweaver好用的工具，智能提示，自动补全工具，模糊编码这些用上手了以后根本停不下来，sublime …
切图是开发无法使用代码直接实现的元素，是UI设计师的重要产出成果和交付物。切图看似简单，实则也有超级多的专业细节需要了解，以及各种方法来提高切图效率。本文将全面介绍UI设计怎么切图所需要的所有知识。本文大纲：UI设计切图是什么？切图是前端还是美工？UI设计切图规范UI设计如何切图给开发？有哪些切图软件可以切图？界面中哪些元素需要切图？UI设计切图是什么？切图 …
在切图网的一个前端切图项目中遇到的，用到了swiper插件实现内容切换效果，swiper是非常优秀的一款滑屏效果，有丰富的参数可以设置，能够满足做出各种复杂的交互效果，也支持回调函数，以及外部调用方法，是切图网项目中使用频繁的一款不可多得的插件，不依赖jquery，并且结合键盘控制加上swiper，通过键盘的数字键实现对内容切换的屏幕的控制，完美实现键盘任意 …