Raphael js paper.print(),其位置以百分比表示

时间:2013-04-16 09:34:44

标签: javascript jquery raphael

我正在使用raphaeljs为网站创建SVG编辑器,我无法使用像素中的固定位置,因为需要从iphone,ipad等访问相同的网页paper.print(120,120,"Hello","font-name",80); 不能使用,我需要一些像paper.print("3%","4%","Hello","font-name",80);这样的东西 我觉得raphael库不支持 任何建议,我怎样才能达到我的目的?

1 个答案:

答案 0 :(得分:0)

开始考虑百分比而不是像素。在“介绍”编辑器之前,您需要响应地找到编辑器。 假设您的编辑器的标准宽度为400像素,文本为420像素,这些位置的左边距为X像素。 您可以使用X +20值替换第一个参数。您需要做的就是确定加载时视口的宽度,以确定跨设备编辑器的第一个参数。 这是一个Carousel的例子,它总是适合设备视口(甚至到iPod)。 它使用相同的技术.. Responsiveness with vectors