Чуваки, вопрос. Нужно рисовать кривую черточку на старой цене. Высчитывать размеры цены на didMount и через svg рисовать кривую?

Чуваки, вопрос. Нужно рисовать кривую черточку на старой цене. Высчитывать размеры цены на didMount и через svg рисовать кривую?

а нельзя задать width 100%?

а нельзя задать width 100%?

она тогда будет пропорционально уменьшаться/увеличиваться

а нужно чтобы всегда одной толщины была и разной длины

она тогда будет пропорционально уменьшаться/увеличиваться

Це одно и то же

нет

а нужно чтобы всегда одной толщины была и разной длины

нет, height можно зафиксировать

нельзя

МБ я старомоден, но цена по размеру плюс-минус одинаковая, можно и img нарисовать поверх

Можно тупо натянуть уже готовую свгшку поверх элемента

МБ я старомоден, но цена по размеру плюс-минус одинаковая, можно и img нарисовать поверх

да, но дизайнерам это не важно

Можно тупо натянуть уже готовую свгшку поверх элемента

сейчас так и есть. Дизайнеров не устраивает

сейчас так и есть. Дизайнеров не устраивает

сделай свг большой длины и overflow hidden, чтобы обрезать

тоже нет, т.к. углы скруглены

Нужно показать, что хотят

http://jsfiddle.net/qXKfN/2/

<div style='width: 234px; height: 324px; border: 1px solid black;'> <svg style='width: 100%; height: 100%;'> <line x1="0" y1="100%" x2="100%" y2="0" style="stroke:rgb(255,0,0);stroke-width:5"/> </svg>

http://jsfiddle.net/qXKfN/2/

это прямая а не кривая)

Все таки второй читабельнее и не ниндзя? [props.className, className].filter(v => v).join(' ') vs (props.className ? ‘ ‘ : ‘’) + className

ща скину

Все таки второй читабельнее и не ниндзя? [props.className, className].filter(v => v).join(' ') vs (props.className ? ‘ ‘ : ‘’) + className

classnames

Все таки второй читабельнее и не ниндзя? [props.className, className].filter(v => v).join(' ') vs (props.className ? ‘ ‘ : ‘’) + className

Classcat

это прямая а не кривая)

а что значит кривая?

я юзаю emotion лучше cx тогда их

а что значит кривая?

Сейчас картинку скинет

Ставлю на кривую безье второго порядка

это пропорционально сейчас. А длина должна высчитываться

https://www.w3schools.com/graphics/svg_polyline.asp

Ставлю на кривую безье второго порядка

Удваиваю

да, кривая безье

Ее точно также наложить можно Хз зачем пересчитывать

Форма не меняется

штук 20 точек задай, на маленьком масштабе не видно будет

Форма не меняется

толщина меняется

толщина меняется

Оно уже заметно

Ее точно также наложить можно Хз зачем пересчитывать

я уже экспериментировал. При цене в 1 000 000 получается полное говно например

еще вариант сделать 7 черточек для 1, 10, 100, 1000, 10 000, 100 000, 1 000 000

ну такое себе)

короче количество вариантов для количества разрядов

я бы на месте бизнеса дал бы пизды и разработчику и дизайнеру за такое

Написать решение самому

сидят хуйней какой-то страдают

Это нормальное требование

И это безумие на нескольких ценниках сразу будет? А телефоны не сгорят при открывании страницы?

сидят хуйней какой-то страдают

согласен, но все заапрувили

Разрабы ващет и наняты для того чтобы решать проблемы

Нех ныть

это выдуманные проблемы

это выдуманные проблемы

+

которые не принесут бизнесу нихуя кроме расходов

Это не проблема ни для кого кроме исполнителя

Для остальных это просто постановка задачи

Если я увижу, что текст на ценнике зарисован через text-decoration, даже слова ни скажу.

а для бизнеса это расходы

а потом влито куча бабла зато ценник кривой безье нарисован

Для бизнеса и реакт расходы, это не довод

а потом влито куча бабла зато ценник кривой безье нарисован

когда много денег, не волнует)

Если дизайнер рисует дизайн который сполна окупается, то не вижу проблемы

короче рисуй кривую через полилайн тогда

вопрос на чем рисовать. SVG или canvas?

или похер?

свг

кмк

canvas намного проще, но не dom, это порой неприятно

Проще и быстрее

ERROR: S client not available

Проще и быстрее

<svg height="200" width="500"> <polyline points="20,20 40,25 60,40 80,120 120,140 200,180" style="fill:none;stroke:black;stroke-width:3" /> </svg>

куда уж проще

Да ну брось, свг это дичайший ад переусложненности

почти всегда да )

тут не солгасен

Для бизнеса и реакт расходы, это не довод

Ну это спорно, реакт больше время экономит, чем тратит.

Ну это спорно, реакт больше время экономит, чем тратит.

фреймворк сам по себе не тратив и не экономит время

это разработчики этим занимаются

я не люблю когда стили вперед логики

svg это вообще вещь. https://www.youtube.com/watch?v=vs34f9FiHps&feature=youtu.be

тут не солгасен

Я хотел тоже дописать, да, в данном случае наверно свг будет

я не люблю когда стили вперед логики

Вот это и как раз моя дилемма, почему?

для начала выкинуть декораторы, потом можно смотреть

Я хотел тоже дописать, да, в данном случае наверно свг будет

просто тут в процентах задать если то будет сразу под любую ширину

Ну да, да, согласен

с канвасом придется писать код который считать

Не спорю

О ХУ ЕТЬ дима не спорит

скриншот сделаю

svg это вообще вещь. https://www.youtube.com/watch?v=vs34f9FiHps&feature=youtu.be

Свг это неконсистентный ад

Я вот такую штуку делал, это от и до свг и это было люто ппц

я не люблю когда стили вперед логики

выносишь в отдельный файл?

Там еще анимации, зум и прочее было

выносишь в отдельный файл?

нет, кладу вниз файла

Но зачем

А как?

почему ненаглядно?

дай определение "наглядности"

нет, кладу вниз файла

а если styled?