js怎么加载另一张图片src？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js怎么加载另一张图片src？相关的知识，希望对你有一定的参考价值。
代码如下，我想让网页加载后，id为img1的src为id为img2的src，怎么用js实现？就是img1的src留空，从img2获取
<img src="" id="img1">
<img src="static/picture/1.jpg" id="img2">
如果你想让他在页面加载时就执行的话，在<body onload="你的代码">
或者在其他你想要执行的时候，去触发这两条语句。比如点击，某个控件或对象获得焦点等。 参考技术A $("#img1").attr("src",$("#img2").attr("src")) 参考技术B $(function()
$('#img1').attr('src',$('#img2').attr('src'));
);
canvas中放入一张图片，但是其中的图片可以旋转移动，这是怎么确定的？
参考技术A 使用canvas来实现旋转效果。function rotate(obj,arr)
...
// 对现代浏览器写入HTML5的元素进行旋转： canvas
else
var c = document.getElementById('canvas_'+obj);
if(c== null)
img.style.visibility = 'hidden';
img.style.position = 'absolute';
c = document.createElement('canvas');
c.setAttribute("id",'canvas_'+obj);
img.parentNode.appendChild(c);
var canvasContext = c.getContext('2d');
switch(n)
default :
case 0 :
c.setAttribute('width', img.width);
c.setAttribute('height', img.height);
canvasContext.rotate(0 * Math.PI / 180);
canvasContext.drawImage(img, 0, 0);
break;
case 1 :
c.setAttribute('width', img.height);
c.setAttribute('height', img.width);
canvasContext.rotate(90 * Math.PI / 180);
canvasContext.drawImage(img, 0, -img.height);
break;
case 2 :
c.setAttribute('width', img.width);
c.setAttribute('height', img.height);
canvasContext.rotate(180 * Math.PI / 180);
canvasContext.drawImage(img, -img.width, -img.height);
break;
case 3 :
c.setAttribute('width', img.height);
c.setAttribute('height', img.width);
canvasContext.rotate(270 * Math.PI / 180);
canvasContext.drawImage(img, -img.width, 0);
break;
;
代码中，创建canvas元素对象，并将图片赋予canvas对象，当变量n处于不同的状态（上下左右四个方向）时，使用canvas重新对图像进行绘制。 参考技术B 通常旋转都是相对于原点来的，可以通过旋转整个画布来达到旋转图片的目的。这样图片的坐标是不变的，正常移动即可了。
以上是关于js怎么加载另一张图片src？的主要内容，如果未能解决你的问题，请参考以下文章