Rapahel js paper.print() с позицией, указанной в процентах
Я использую Raphaeljs для создания SVG-редактора для веб-сайта, я не могу использовать фиксированное положение в пикселях, потому что одна и та же веб-страница должна быть доступна с iphone, ipad и т. Д., Поэтому paper.print(120,120,"Hello","font-name",80);не может быть использован, мне нужно что-то вроде paper.print("3%","4%","Hello","font-name",80);который не поддерживается библиотекой Рафаэля, я думаю, что-нибудь, как я могу достичь того, чего я хочу?
1 ответ
Начните думать в процентах, а не в пикселях. Прежде чем вы "представите" свой редактор, вам нужно быстро найти его. Предположим, ваш редактор имеет стандартную ширину 400px, а ваш текст - 420px, и оба этих местоположения будут X пикселей от левого поля. Вы можете заменить свой первый параметр значением X +20. Все, что вам нужно сделать, это определить ширину области просмотра при загрузке, чтобы определить первый параметр для вашего кросс-редактора устройства. Вот пример карусели, которая всегда вписывается в область просмотра устройства (даже до iPod). Он использует ту же технику. Отзывчивость с векторами