资讯专栏INFORMATION COLUMN

基于canvas的图片编辑器,头像编辑器

Yangder / 768人阅读

摘要:效果特点基本功能缩放移动旋转同时支持鼠标和手势操作可配置和可扩展截图

效果

demo
github

特点

基本功能:缩放、移动、旋转

同时支持鼠标和手势操作

可配置和可扩展

截图





文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/83667.html

相关文章

  • 腾讯 AlloyTeam 移动 Web 裁剪组件 AlloyCrop 正式开源

    摘要:兼容性如何支持以及的设备的浏览器便可运行不一一列举一共不到行为什么体积这么小腾讯手内大量的都会去不断地从各个维度进行性能优化。腾讯内部有哪些项目在用目前主要是兴趣部落群等业务在用,刚刚开源出来,只要有裁剪图片的地方都会用到。 传送门 Github地址:https://github.com/AlloyTeam/AlloyFinger/tree/master/alloy_crop 在线De...

    yexiaobai 评论0 收藏0
  • cropper图片编辑插件绘制圆形图片

    摘要:背景项目中有一个编辑上传用户头像的功能,之前选用了插件来处理编辑图片的功能,现在还想做到类似等选取圆形图像的功能,考虑结合来处理。 背景 项目中有一个编辑上传用户头像的功能,之前选用了cropper插件来处理编辑图片的功能,现在还想做到类似QQ等选取圆形图像的功能,考虑结合cropper来处理。 方案 样式上通过CSS来控制cropper选取框为圆形 .cropper-view-box...

    cppprimer 评论0 收藏0
  • 编写一个头像裁剪组件(一)

    摘要:需求是编写一个头像剪裁工具再封装成为一个组件,然后根据功能开始逐步编写代码先是上传图片预览图片编辑图片。 需求是编写一个头像剪裁工具再封装成为一个组件,然后根据功能开始逐步编写代码:先是上传图片 => 预览图片 => 编辑图片。 刚开始没有去考虑兼容性的问题,直接编写upload部分的代码,参考了很多代码还有HTML5 FILE API之后,发现很少有React编写的这样的代码,因为想...

    whatsns 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<