qq_34337333 2017-06-07 06:08 采纳率: 66.7%
浏览 7159
已采纳

HTML5实现图片拖动，旋转，放大，拉伸等特效后保存效果

这是网上找到的HTML5实现图片拖动，旋转，放大，拉伸等特效 详情链接http://www.xwcms.net/webAnnexImages/fileAnnex/20131031/91857/index.html
请问各位大神，怎么样把修改后的图片样式保存下来，使得刷新后不会变回初始的效果而是修改后的效果

  • 写回答

1条回答 默认 最新

  • BloodyMandoo 2017-06-07 06:17
    关注

    例子中用的是canvas，不是什么样式，你可以设置一个“确认”按钮，在修改完图片后，点击确认，将图片上传替换掉原图片。
    这些还不如找个插件http://www.iteye.com/news/21681/
    http://jsfiddle.net/aflin/vbSMy/

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • 微信小程序实现图片拖动、放大、缩小、旋转、滤镜和切图功能
    2020-03-30 15:15
    king0964的博客 本文介绍使用微信小程序API+canvas来实现图片的可拖动、放大、缩小和旋转，并可对选中的图片进行不同效果的滤镜和不同形状的切图，且可对最终效果进行保存到本地。 最终效果： 实现过程 1. 文件index.wxml和...
  • 2022蓝旭工作室前端暑期培训（一）：HTML5&CSS3
    2022-07-08 19:32
    沈深的博客 本节内容包括：h5新标签、API、cookie&webStorage 概述、css3：前缀、样式、动画、选择器、 弹性盒子HTML5 是 HyperText Markup Language 5 的缩写，HTML5 技术结合了 HTML4.01 的相关标准并革新，符合现代网络发展...
  • 手机端移动端的前端原生js裁剪图片上传
    2022-05-15 17:00
    绿先生z的博客 手机端移动端的前端原生js裁剪图片上传手机端移动端的前端原生js裁剪图片上传
  • 重温前端基础（一） HTML、CSS、H5C3
    2020-10-10 10:39
    ←か淡定☆ ヾ的博客 目录0. WEB 标准构成1. HTML1.1 HTML概念1.2 超文本含义1.3 页面语言1.4 字符集1.5 标签语义化1.6 常用标签1.7 图像标签 img1.8 链接标签1.9 锚点...表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS
  • HTML5+CSS3笔记 (黑马pink老师)
    2021-11-15 09:15
    OooooYi的博客 -- 文档类型声明标签 告诉浏览器这个页面才取HTML5版本来显示页面 --> <!DOCTYPE html> <!-- lang:语言 en:英语 设置网页语言 --> <html lang="en"> <head> <!-- // charset:字符集...
  • HTML5 Canvas全屏科幻粒子动画特效实战项目
    2025-11-19 19:20
    啊湫湫湫丶的博客 我们经历了：- 画布初始化与高清适配- 坐标变换与动画帧控制- 粒子建模与生命周期管理- 高性能循环与模块化设计这不是炫技，而是现代前端开发的真实缩影。无论是做一个企业官网的背景动画，还是开发一个复杂的可视化...
  • CSS3实现炫酷按钮点击特效实战详解
    2025-09-22 22:22
    顾凯之的博客 而 transform 则支持旋转、缩放、平移等空间变换，无需重排即可实现动态效果，极大提升了渲染性能。 button { transition: all 0.3s ease; transform: translateY(0); } button:active { transform: translateY(2px)...
  • HTML５新特性
    2018-12-27 12:49
    艾光远的博客 本文系统总结了HTML5的主要技术特性：1）表单增强，包括新的input类型（email/url/color等）、表单元素（datalist/progress/meter）和验证属性；2）媒体支持，通过video/audio标签实现原生音视频播放；3）绘图技术，...
  • 前端知识点总结——H5
    2019-06-20 21:59
    JavaScript语言的博客 前端知识点总结——H5 1.html5新特性 (1)新的语义标签 (2)增强型表单* (3)音频和视频 (4)Canvas绘图 (5)SVG绘图 (6)地理定位 (7)拖动API (8)Web Worker (9)Web Storage (10)Web Socket 2.增强型表单 1.新input type ...
  • HTML5+CSS3
    2020-02-09 18:20
    纳米606的博客 HTML 1. 浏览器内核 五大浏览器四大内核 浏览器：IE(edge), 火狐， Safari, chrome, Opera 内核： Trident, Gecko, webkit, chromium/Blink, blink 注1: 提到Chrome浏览器，一般人会认为使用的Webkit内核(移动...
  • 没有解决我的问题, 去提问