js图片编辑器

JavaScript021

js图片编辑器,第1张

手机体验地址: http://114.67.68.76:8080/roc/imgDist/

github地址: https://github.com/lijibing01/picture_edit

1、引入dist文件夹下的ped.js

2、new window.PED.imageInfo(url,saveFn)

1、可以双指放大缩小图片

2、可以在图片上进行涂鸦

2、可以输入文字,输入文字后可以单指移动文字在图片上的位置

3、可以撤回涂鸦的内容,不能撤回文字,文字编辑功能还未实现

1、npm install

2、npm run build

欢迎star

1、首先选择要编辑的两张图片,点击右键选择编辑

2、先编辑要作为底图的图片,把作为贴图黏贴到另一张图片的部分截取出来,点击复制

3、进入另一张图片的编辑页面,点击黏贴,之后调整一下图片未知即可。

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,填写问题基础代码。

2、在index.html中的<script>标签,输入js代码:$('img').attr('src', 'https://www.baidu.com/img/bd_logo1.png')。

3、浏览器运行index.html页面,此时网页上的所有图片都被替换成了指定的图片。