[위챗 공중 플랫폼 개발] 위챗 스크래치, 삼성 호환성 문제 해결
전체 프로젝트 자원 다운로드: 클릭하여 링크 열기
wScratchPad 플러그인을 사용하면 다음과 같은 코드를 사용하여 스크래치 효과를 빠르게 얻을 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<meta CHARSET="UTF-8">
<title> </title>
<script type="text/javascript" src="./inc/jquery.1.8.2.min.js"></script>
<script type="text/javascript" src="./wScratchPad.js"></script>
</head>
<div id="scratchpad" style="display:inline-block; position:relative;"></div>
<script type="text/javascript">
$("#scratchpad").wScratchPad({
width:'150',height:'40',color : "#a9a9a7",
scratchMove: function(e, percent)
{
if(percent > 70)
this.clear();
},
});
</script>
</body>
</html>
그러나 뒤에 프로젝트를 사용했을 때 삼성노트3에서 전혀 긁을 수 없었고 인터넷에서 문제를 검색하고 오랫동안 고생한 끝에 다음과 같은 코드를 고쳤다.
<!DOCTYPE html>
<html>
<head>
<meta CHARSET="UTF-8">
<title> </title>
<script type="text/javascript" src="./inc/jquery.1.8.2.min.js"></script>
<script type="text/javascript" src="./wScratchPad.js"></script>
</head>
<div id="scratchpad" style="display:inline-block; position:relative;"></div>
<script type="text/javascript">
var useragent = window.navigator.userAgent.toLowerCase();
$("#scratchpad").wScratchPad({
width:'150',height:'40',color : "#a9a9a7",
scratchMove: function(e, percent)
{
if (useragent.indexOf("android 4") > 0)
{
$("#scratchpad").css("color", "rgb(50,50,50)");
if ($("#scratchpad").css("color").indexOf("51") > 0)
{
$("#scratchpad").css("color", "rgb(50,50,50)");
}
else if($("#scratchpad").css("color").indexOf("50") > 0)
{
$("#scratchpad").css("color", "rgb(51,51,51)");
}
}
if(percent > 70)
this.clear();
},
});
</script>
</body>
</html>
전체 프로젝트 자원 다운로드: 클릭하여 링크 열기
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.