html5 canvas问题
0
最佳答案
0
你DIV做都行，canvas当然没问题，只要注意分层，比如重绘少的大图独立一层避免每次重绘,这个你应该早就懂了。关于html动画与canvas的效率，我曾经做了个小测试可以初观：http://jo2.org/html5-canvas-tutorial-19-canvas-animation-efficiency/
收获园豆：100
其他回答(2)
0
顶
0
用canvas能够完全实现 主要代码如下
var canvas=$("#imageCanvas").get(0);
var context=canvas.getContext("2d");
var oldX,oldY,newX,newY;
var enabled=false;
canvas.onmousedown=function(event){
enabled=true;
oldX = event.clientX;//实际运用中要获取鼠标在元素中的相对位置，在此为了方便直接获取了event的clientX
oldY = event.clientY;//实际运用中要获取鼠标在元素中的相对位置，在此为了方便直接获取了event的clientY
};
canvas.onmouseup=function(event) {
enabled = false;
};
canvas.onmousemove=function(event) {
if (!enabled) {
return;
}
newX=event.clientX;//实际运用中要获取鼠标在元素中的相对位置，在此为了方便直接获取了event的clientX
newY=event.clientY;//实际运用中要获取鼠标在元素中的相对位置，在此为了方便直接获取了event的clientY
moveImage();
oldX=newX;
oldY=newY;
};
function moveImage(){
var moveX=(newX - oldX);
var moveY=(newY - oldY);
//图像移动
context.transform(1,0,0,1,moveX,moveY);
context.drawImage(image);
}
具体效果请查看本博客
