你好,asp.net在2010版本之前(包括2010)制作的.aspx頁面的html的標(biāo)準(zhǔn)是xhtml的,也就是說服務(wù)器返回客戶端的html代碼是html5之前的標(biāo)準(zhǔn),是不支持html5的,除非與之前html兼容的代碼才可以,你可以看頁面的page指令html xmlns=""就可以知道
站在用戶的角度思考問題,與客戶深入溝通,找到陽信網(wǎng)站設(shè)計與陽信網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都網(wǎng)站制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、空間域名、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋陽信地區(qū)。
現(xiàn)在asp.net最新版本是2012,這個我不清楚,應(yīng)該他返回的頁面是html5代碼了,畢竟html5慢慢流行了
在執(zhí)行這一句的時候 圖片還沒有加載出來
把
var imgData=ctx.getImageData(0,0,400,300);
ctx.putImageData(imgData,20,20)
這兩句 放到img.onload里面, 如下
img.onload=function(){
context.drawImage(img, x, y);
var imgData=ctx.getImageData(0,0,400,300);
ctx.putImageData(imgData,20,20)}
電腦看視頻顯示html5:Video file not found是設(shè)置錯誤造成的,解決方法為:
1、使用360安全瀏覽器打開視頻網(wǎng)站之后,點擊 工具,開發(fā)人員工具。
2、點擊右下角的齒輪圖標(biāo)。
3、點擊 Overrides,然后勾選 Enable,User Agent,然后點擊下方的下拉列表。
4、任意選擇一款手機或平板。
5、確認(rèn)設(shè)置無誤之后,點擊刷新當(dāng)前窗口的網(wǎng)頁。
6、如下圖所示,即已經(jīng)可以觀看視頻,右上角提示自定義Agent,不影響使用。
這個你在手機端,必須要學(xué)會touch事件。
下面有段代碼,你可以參考下,通過判斷touch事件的位置來達到您需要的效果
function?imgreset(){
$(this).css3Animate({
width:?imgoldw+"px",
//x:0,
//y:0,
time:?"0ms",
callback:?function?()?{
pagex1_s=null;pagey1_s=null;pagex2_s=null;pagey2_s=null;pagex1_e=null;pagey1_e=null;
pagex2_e=null;pagey2_e=null;pagexm1_s=null;pageym1_s=null;pagexm1_e=null;pageym1_e=null;
dm=0;dn=0;
imgneww=imgoldw
}
});
}
var?imgoldw=320;//獲取圖片寛度
var?imglength=$(".imgbox").length;//獲取圖片個數(shù)
var?demos?=?document.getElementById("container"),
spirit,?startScale,?startRotation;
var?dm=0,dn=0,imgneww=imgoldw,ismove=false,pic_c=0;
var?body_w=$("body").width();
var?body_h=$("body").height();
var?pagex1_s,pagey1_s,pagex2_s,pagey2_s,pagex1_e,pagey1_e,pagex2_e,pagey2_e,pagexm1_s,pageym1_s,pagexm1_e,pageym1_e;
function?touchStart(e)?{
//e.stopPropagation();
e.preventDefault();
if(e.touches.length?==?1){
ismove=true;
?var?touch1?=?e.touches[0];
pagexm1_s?=?touch1.pageX;
pageym1_s?=?touch1.pageY;
}
if?(e.touches.length?==?2){
var?touch1?=?e.touches[0];
pagex1_s?=?touch1.pageX;
pagey1_s?=?touch1.pageY;
var?touch2?=?e.touches[1];
pagex2_s?=?touch2.pageX;
pagey2_s?=?touch2.pageY;
left?=?Math.min(pagex1_s,?pagex2_s),
top?=?Math.min(pagey1_s,?pagey2_s),
width?=?Math.abs(pagex1_s?-?pagex2_s),
height?=?Math.abs(pagey1_s?-?pagey2_s);
}
}
function?touchMove(e){
//e.stopPropagation();
e.preventDefault();
if?(ismovee.touches.length?==?1){
//單點觸摸
var?touch1?=?e.touches[0],
pagexm1_e?=?touch1.pageX,
pageym1_e?=?touch1.pageY,
//移動了多少
dx=pagexm1_e-pagexm1_s,
dy=pageym1_e-pageym1_s;
//是多少
dm=dx+dm;
dn=dy+dn;
if(imgneww==imgoldw){
$(this).css3Animate({
x:dm,
//y:dn,
time:?"0ms",
callback:?function?()?{
}
});
//如果圖未放大,則執(zhí)行翻頁
}else{
//如果圖片已經(jīng)被放大,則可以拖動
$(this).css3Animate({
x:dm,
y:dn,
time:?"0ms",
callback:?function?()?{
//記錄新位置
}
});
}
pagexm1_s=pagexm1_e,pageym1_s=pageym1_e;
}
if?(e.touches.length?==?2){
//多點觸摸
var?touch1?=?e.touches[0];
pagex1_e?=?touch1.pageX;
pagey1_e?=?touch1.pageY;
var?touch2?=?e.touches[1];
pagex2_e?=?touch2.pageX;
pagey2_e?=?touch2.pageY;
//計算兩點開始距離?old
var?oldx=Math.abs(pagex1_s-pagex2_s),
oldy=Math.abs(pagey1_s-pagey2_s),
//計算兩點開始距離?new
newx=Math.abs(pagex1_e-pagex2_e),
newy=Math.abs(pagey1_e-pagey2_e);
if(oldxnewxoldynewy){
var?imgw=$(this).width();//獲取圖片寛度
resizex=oldx-newx;//縮小多少
var?resizey=oldy-newy;//縮小多少
if(imgwimgoldw){
$(this).css3Animate({
width:?imgneww-resizex+"px",
x:dm,
y:dn,
time:?"0ms",
callback:?function?()?{
}
});
imgneww=imgneww-resizex;
};
}else{
var?imgw=$(this).width();//獲取圖片寛度
var?resizex=Math.abs(oldx-newx);
var?resizey=Math.abs(oldy-newy);//縮小多少
if(imgw640){
$(this).css3Animate({
width:?imgneww+resizex+"px",
x:dm,
y:dn,
time:?"0ms",
callback:?function?()?{
}
});
imgneww=imgneww+resizex;
}
} ?
}
?
pagex1_s=pagex1_e,pagey1_s=pagey1_e,pagex2_s=pagex2_e,pagey2_s=pagey2_e;
}
function?touchEnd(e)?{
e.preventDefault();
var?imglength=$(".imgbox").length;
var?id=parseInt($(this).attr("id").substr(9));
if(ismoveimgneww==imgoldwdm0Math.abs(dm)body_w/2id!=imglength-1){
$.ui.loadDiv('#my_photos_'+(id+1),false,false,'flip');
$(this).css3Animate({
x:0,
time:?"0ms",
callback:?function?()?{
dm=0;
}
});
}else?if(ismoveimgneww==imgoldwdm0Math.abs(dm)body_w/2id!=0){
$.ui.loadDiv('#my_photos_'+(id-1),false,false,'flip');
$(this).css3Animate({
x:0,
time:?"0ms",
callback:?function?()?{
dm=0;
}
});
}else{
if(ismoveimgneww==imgoldw){
$(this).css3Animate({
x:0,
time:?"0ms",
callback:?function?()?{
dm=0;
}
});
}
}
ismove=false;
}
function?gestureEnd(e)?{
e.preventDefault();
if?(!spirit)?return;
canvas.removeChild(spirit);
spirit?=?null;
startScale?=?null;
startRotation?=?null;
}
/* $(".imgbox?img").bind("touchstart",?touchStart,?false);
$(".imgbox?img").bind("touchmove",?touchMove,?false);
$(".imgbox?img").bind("touchend",?touchEnd,?false);
$(".imgbox?img").bind("gestureend",?gestureEnd,?false);
$(".imgbox?img").bind("tap",?imgreset,?false);
*/
這個是瀏覽器兼容html5的關(guān)系,所以你還是等到safari較好支持html5的時候再做吧!或者換成其他的兼容性較好的方式來做吧!
為什么無效?restore()已經(jīng)恢復(fù)了你旋轉(zhuǎn)操作之前坐標(biāo)系了呀。
你傾斜的矩形就是順時針旋轉(zhuǎn)30度后以(150,150)的坐標(biāo)繪制的呀,你水平的那個矩形就是用restore()恢復(fù)到原來未旋轉(zhuǎn)過的坐標(biāo)系的(150,150)坐標(biāo)繪制的呀。你再想想,如果restore()沒有恢復(fù),那么為什么矩形會水平呢?