Raphael.js отзывчивый svg или div - PullRequest
Новая
       37

Raphael.js отзывчивый svg или div

0 голосов
/ 13 марта 2019

Я новичок в Рафаэле. У меня есть этот холст Я хочу сделать это div отзывчивым. Возможно ли это сделать? На самом деле я хочу сделать это, если caunting-line-video (изображение) изменило местоположение, я хочу изменить местоположение canvas_zone. 

<div id="zone_canvas" style="position:absolute;min-width:640px;min-height:360px;"></div>
<div id="counting-line-video" style="padding: 0px;" ></div>

1 Ответ

0 голосов
/ 13 марта 2019

Следующий код должен быть полезным. Вы даете минимальную ширину и высоту холста. Затем установите оба размера на 100%. Дайте мне знать, если это работает. 

    var w = 900;
    var h = 500;
    var paper = Raphael("canvas");
    paper.setViewBox(0,0,w,h,true);
    paper.setSize('100%', '100%');
    paper.text(200,100,"Responsive window").attr("font","30px Arial").attr("fill","#333");
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.7/raphael.min.js"></script>

<div id="canvas" style=""position:absolute;min-width:640px;min-height:360px></div>
...