使用HTML ltmap标签，给图片设置热点指定的要添加链接的地方例子ltimg src=quotplanetsjpgquot border=quot0quot usemap=quot#planetmapquot alt=quotPlanetsquot border=quot0quot ltmap name=quotplanetmapquot id=quotplanetmapquot ltarea s；首先你canvas已经有图了 然后通过ajax发给后台 然后后台做保存 jsvar data = _canvastoDataURL 删除字符串前的提示信息 quotdataimagepngbase64，quot var b64 = datasubstring22 $ajax url；首先看下ltarea标签的实现方法区域是根据属性coords里面的值来实现的所以，单单给图片增加imgresponsive根本实现不了响应式这种效果，最好用flash来解决或者写很多个版本通过判断设备类型，尺寸来解决可你版面又这么复杂；html5网页背景图手动上传切换代码这样写1html5网页背景图手动上传切换代码需要在网页上点击鼠标右键查看网站源代码2找到css里面的背景图这一段代码，查看背景图路径，通过ftp或者服务器进行替换图片即可。

静态获取图片写法，给定图片的个数，用js实现轮播图自动转换lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle lt！ ***设置样式*** ltstyle type=quottextcssquot；3改变浏览器大小，发现图片没有变化，显示不全 4在所在文件夹下，新建一个样式文件，命名为 autocss，代码如下 5在HTML文件中加上对样式文件的引用，返回文件夹，双击HTML文件，发现浏览器的变化会引着图片一起变化；拖拽的过程就不说了，这里主要说一下如何在前端获取到图片的相关信息html5里有一个fileReader的全局变量，用来读取本地文件，比如txt，img等，下面是一个简单的代码function checkFilefilesvar file = files0var；在 HTML5 中，任何元素都能可以进行拖放，所以接下来在文章中将通过实例详细告诉大家如何实现拖动效果拖放效果所需的知识点draggable 规定元素是否可拖动，一般情况下链接和图片默认是可拖动的true规定元素是可拖动的。

那就是相当于瀑布流了，最好是分列，固定好每一列的列宽，然后图片分列排列，就能无缝拼起来也可以计算好大小位置positionabsolute固定死，可参看小乐图客的拼图功能；lt！DOCTYPE htmllthtml lthead ltmeta charset=quotutf8quot lttitle轮播图lttitle ltstyle type=quottextcssquot * margin 0px padding 0px #lunbotu width 1226px；这个涉及到路径问题，如果想要兼容性好到处都能看到图片，必须使图片和index文件在同一文件夹中，而且这个文件夹要保持完整，就是要使用“相对路径”，建议参考一下“绝对路径”和“相对路径”；quotimg3quotvar canvas = documentcreateElementquotcanvasquot， context = canvasgetContextquot2dquotcanvaswidth = img1naturalWidth + img2naturalWidthcanvasheight = Mathmaximg1naturalHeight。

1首先我们创建一个简单的项目，如图所示包括html，css和img三个2这里是html文件，引入css和html代码文件，如图所示3这里是css文件代码，上面是div和图片显示的效果代码，后面是动画效果4这里是事件，这里定义了；其中url是标签的路径，norepeat是设置图片不重复，center是设置照片居中显示4最后给这些标签都设置一些样式，让它们显得美观一些然后打开浏览器查看效果5打开浏览器，可以看到照片都显示出来了；1·点击上方功能区图片 2·点击上传图标，上传图片副编辑区 1·可以对图片进行更换，裁剪以及滤镜效果处理 2·可以对图片进行更改边框 图片偏移 图片缩放 图片旋转序列帧 触发方式调节 播放延迟设置；用html和css实现轮播图的两种方法 animationname指定需要绑定到选择器的关键帧的名称Animationduration指定完成动画所需的时间，以秒或毫秒为单位动画计时功能指定动画的速度曲线Animationdelay指定动画开始前的延。

lthtml 随便写了几个效果，没有用到JS，不过要用到JS只要把触发事件替换掉上面的hover就行了，比如quotbuttonquotclickfunction 这里面用到CSS3，所以请不要用IE11以下的低版本浏览器，不然你啥。