나는 이것이 고전적인 질문이라고 생각한다. 웹 페이지의 큰 캔버스를 고려할 때 스크롤바가있는 작은 DIV에 어떻게 넣을 수 있습니까? 스택 오버플로에서 이와 같은 질문을 많이 찾았지만 초보자이므로 IDE에서 예제를 재현 할 수 없습니다.
여기에 몇 가지 답변이 있습니다.- 여기
- 그리고 여기
다음은 내 작동하지 않는 코드입니다.
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=windows-1252" http-equiv="content-type">
<title></title>
<script type="text/javascript" src="raphael-min.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function graphiques(){
var paper = Raphael('holder', 800, '100%');
// add your graphics to the paper object here
var rect=paper.rect(50,50,70,20,5).attr("fill":"#cc3");
var height = $(paper.canvas).outerHeight();
paper.setSize(800, height);
$(paper.canvas).parent().height("100px");
}
</script>
</head>
<body onload="graphiques();">
<div id="holder" style="overflow-y:auto;overflow-x:auto;">
<script>graphiques();</script>
</div>
</body>
</html>
내 질문은 : 작동하려면 어떤 변경을해야합니까? 내 코드가 잘못된 방향으로 진행되면 올바른 방법은 무엇입니까 (코드를 사용하면 고급 자바 스크립트 사용자입니다!)
감사
올리비에
해결 :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Rapha�l tutorial - Getting Started - Example 1</title>
<script type="text/javascript" src="raphael-min.js"></script>
<style type="text/css">
#paper1{
width: 100px;
height: 100px;
overflow: auto;
}
</style>
</head>
<body>
<div id="paper1"></div>
<!-- the html element where to put the paper -->
<!-- a script that create's a paper and a rectangle -->
<script type="text/javascript">
var paper = Raphael("paper1", 500,500);
var rect1 = paper.rect(20,30,500,500).attr({fill: "orange"});
</script>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다