Raphael.js 响应式 svg 或 div

【问题标题】：Raphael.js responsive svg or divRaphael.js 响应式 svg 或 div
【发布时间】：2019-03-13 10:04:16
【问题描述】：

我是拉斐尔的初学者。我有这个画布我想让这个div 响应。有可能做到吗？实际上，如果 caunting-line-video(image) 更改位置，我想这样做，我想更改 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>

【问题讨论】：

标签： javascript canvas raphael

【解决方案1】：

以下代码应该会有所帮助。您给出画布的最小宽度和高度。然后将两个尺寸都设置为 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>

【讨论】：