js显示work编辑功能

JavaScript06

js显示work编辑功能,第1张

使用Javascript可以实现work编辑功能,具体步骤如下:

1. 定义一个函数,用来处理用户提交的编辑工作。例如:function handleEditWork(){....}

2. 为每个work添加edit按钮,当用户点击edit按钮时,触发handleEditWork函数,并将work的id作为参数传给handleEditWork函数。

3. 在handleEditWork函数中,根据work的id获取work的信息,并将其显示在页面上,以供用户修改。

4. 提供一个“保存”按钮,当用户点击“保存”按钮时,触发一个函数,用来将新的work信息保存到数据库中。

5. 刷新页面,显示新的work信息。

直接通过“属性名/值”来创建,语法“var 对象名={属性名:属性值}”;2、使用“var 对象名=new 构造函数名(args)”语句;3、使用“Object.create(原型对象,descriptors)”语句。

手机体验地址: 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