|
 |
|
อยากได้โค้ด วาดวงกลมลงบนเลเยอร์ที่พื้นหลังเป็นภาพครับ ช่วยหน่อยครับ php |
|
 |
|
|
 |
 |
|
คือสิ่งที่ผมต้องการ คือต้องการสร้างจุดลงบนเสื้อครับ แล้วจะบอกถึงตำแหน่งที่ใช้ในการปักเสื้อครับ แล้วเมื่อคลิกไป ก็จะเพิ่ม text box มาให้เพิ่มรายละเอียดครับ
|
 |
 |
 |
 |
Date :
2011-01-25 21:18:12 |
By :
mutsumoto |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ไม่ถนัด เรื่อง offset เท่าไหร่นะครับ เพราะไม่ค่อยได้ใช้
แนะนำให้ลองใช้ภาพ gif วาง ไปใน event click() บนภาพครับ แล้วค่อยคำนวณตำแหน่ง
คิดว่าทำงี้ น่าจะพอทำได้นะครับ มั่วๆ ไป ^^
|
 |
 |
 |
 |
Date :
2011-01-25 21:31:23 |
By :
pjgunner.com |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
var image_colors = ['green_round.gif', 'red_round.gif', ...];
var click_count = 0;
$('#shirt_img').click(function(evt){
ดึง offset จาก evt
วาด รูปในตำแหน่ง นั้น (ถ้าเป็น relative) ให้คำนวณหาจาก window แต่เวลาับันทึกให้บันทึก จาก offset จาก คลิกบนรูป
click_count++;
});
เสร็จแล้วครับ ^^ ประมาณนี้
|
 |
 |
 |
 |
Date :
2011-01-25 21:56:34 |
By :
pjgunner.com |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
Code (PHP)
<SCRIPT type="text/javascript">
function showPosition2(evt,elImage){
var org_area2 = elImage.width * (1/449);
xy2 = getEventOffsetXY2( evt );
self.status = "x: "+xy2[0]+" / y: "+xy2[1];
document.Show2.MouseX2.value = xy2[0]* (1/org_area2);
document.Show2.MouseY2.value = xy2[1]* (1/org_area2);
//document.getElementById( "myDiv" ).innerHTML="x: "+xy[0]+" / y: "+xy[1];
}
function getEventOffsetXY2( evt ){
if ( evt.offsetX != null ) return [ evt.offsetX , evt.offsetY ];
var obj = evt.target || evt.srcElement;
setPageTopLeft( obj );
return [ ( evt.clientX - obj.pageLeft ) , ( evt.clientY - obj.pageTop ) ];
}
function setPageTopLeft( o ){
var top = 0, left = 0, obj = o;
while ( o.offsetParent ){
left += o.offsetLeft ;
top += o.offsetTop ;
o = o.offsetParent ;
}
obj.pageTop = top; obj.pageLeft = left;
}
function clearInfo( evt ){document.getElementById( "myDiv" ).innerHTML = "";}
var sv=[]
function saveP2(){ sv.push(''+xy2[0]+'~'+xy2[1]+'');
document.getElementById('tx2').value=sv.join('\n')
}
</SCRIPT>
พี่ pjgunner.com ช่วยผมดูโค็ดนี้หน่อยน่ะครับ คือผมจนปัญญาแล้วจริงๆๆ ถ้าไม่ได้ โปรเจคผมตายแน่คราฟฟฟฟ จะจบไหมเนี่ย ฮือๆๆๆ
|
 |
 |
 |
 |
Date :
2011-01-25 22:00:04 |
By :
mutsumoto |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ขอโทษนะครับ ตามที่ PM มาผมช่วยไม่ได้ เพราะผมอ่านโค้ดคนอื่นไม่ค่อยออก 
|
 |
 |
 |
 |
Date :
2011-01-25 22:04:15 |
By :
pjgunner.com |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
แป่ววววววว
ยังไงก้ขอขอบคุณด้วยน่ะค๊าฟฟฟฟฟฟพี่เอี่ยว
|
 |
 |
 |
 |
Date :
2011-01-25 22:06:05 |
By :
mutsumoto |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 00
|