2011-07-27 1 views
0

Не уверен, что я объяснил это хорошо, но если бы я должен был создать инструмент, который позволял бы людям настраивать приглашение на день рождения, а в приглашении были созданы векторные шарики в дизайне. Могу ли я подключить мастер, чтобы они могли выбрать любой цвет, который они хотели?Можно ли управлять векторным изображением через веб-подборщик цветов?

+0

Что вы подразумеваете под «векторными воздушными шарами»? SVG всплывающие подсказки? Что-то другое? –

ответ

0

Допустим, вы используете что-то вроде Raphel.js.

У вас есть это:

// Creates canvas 320 × 200 at 10, 50 
var paper = Raphael(10, 50, 320, 200); 

function makeBallon(raphelObj, stroke, fill) 
{ 
    // Creates circle at x = 50, y = 40, with radius 10 
    var circle = raphelObj.circle(50, 40, 10); 
    // Sets the fill attribute of the circle to red (#f00) 
    circle.attr("fill", fill); 

    // Sets the stroke attribute of the circle to white 
    circle.attr("stroke", stroke); 
} 

Тогда

makeBallon(paper, '#FF0000', '#454545'); 

Тогда да

+0

Спасибо, ребята! Кажется, очень сложно делать уникальные иллюстрации с Рафаэлем. Глядя на код этой иллюстрации тигра, это кажется очень утомительным. Пример: http://raphaeljs.com/tiger.html Код: http://d.pr/H2Ce+ – Parker

+0

Конечно, но это тигр-данг! Скажем, воздушный шар: «var balloon = paper.ellipse (280, 280, 90, 120) .attr ({fill:« # 223fa3 », stroke:« # 000 »,« stroke-width »: 2, непрозрачность ": 0,5}); balloon.animate ({cy: 0, r: 40}, 2000); ' – Joe

Смежные вопросы