我可以將Raphael.js畫布放在IMG
元素上嗎?我應該做什麼使這個佈局工作?使用Raphael.js在圖像上繪圖
8
A
回答
16
拉斐爾帆布簡單地放在正常使用CSS技術的圖像元素的頂部:
#wrapper {
position: relative;
padding: 0;
outline: 1px solid #999;
}
#wrapper img {
position: absolute;
top: 0;
left: 0;
}
#canvas {
position: absolute;
top: 0;
left: 0;
}
然後巢您的內容是這樣的:
<div id="wrapper">
<img src="myimage.jpg">
<div id="canvas">
</div>
</div>
0
的z-index:2或爲拉斐爾一些高數 「紙」 的div(又名你拉斐爾油畫...您的參考:
VAR紙=拉斐爾( 'somediv',100,400 )
所以只是去你的CSS和#somediv確保你把它的z-index下,然後把你的文字div的z-index的高...
相關問題
- 1. raphael.js裁剪圖像
- 2. OpenCV:在圖像上繪圖
- 3. Processing.js - 在圖像上繪圖
- 4. 在繪圖區域上繪製圖像
- 5. 使用Swing在圖像上繪製
- 6. 用Matlab在圖上繪製圖像
- 7. 如何在Android上使用手指在圖像上繪圖?
- 8. 在圖像上繪製
- 9. 在圖像上繪製點
- 10. 在DrawingContext上繪圖時在圖像上繪製陰影
- 11. 在圖像庫上繪圖文本
- 12. 在緩衝圖像上繪圖
- 13. 使用背景圖像在畫布上繪圖並保存圖像
- 14. 使用ImageView和矩陣在圖像上繪製圖形
- 15. 用PyQt在圖像上繪製線條
- 16. 用JQuery在畫布上繪製圖像
- 17. 使用CGImage繪製圖像?
- 18. 在靜態圖像上繪製圖像圖標
- 19. 使用圖像()繪圖並註釋行
- 20. Raphael.js圖像填充不更新不斷
- 21. 上繪製圖像的OpenCV
- 22. 用Raphael.js旋轉圖片
- 23. 使用drawImage在JPanel中繪製圖像
- 24. 如何在圖像縮放時使用手指繪製圖像?
- 25. 在畫布上繪圖以編程方式使圖像移動
- 26. 使用Raphael.js庫一起移動文本和圖像.. ??
- 27. 在MFC中使用GFL SDK在窗口上繪製圖像
- 28. 如何使用Raphael.js繪製「無限」線?
- 29. 使用Raphael.js高效地繪製文本
- 30. 在圖像上使用Weka
遺憾的是,似乎使其在該中HTML使得不可能與下面的東西進行交互,我放棄了jQuery並刪除了圖像並添加了文本--svn下的文本是不可選擇的... http://img339.imageshack.us/img339/8051/pictureqy。 png – cwd 2012-10-25 04:09:47
@cwd [請參閱'pointer-events:none'](https://developer.mozilla.org/en-US/docs/CSS/pointer-events) – robertc 2012-10-25 08:11:43