Igor Schnaider
-
Posts
825 -
Joined
-
Days Won
81
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Igor Schnaider
-
elem.style может прочитать только те стили, что есть в атрибуте style элемента. Чтобы получить вычисленное значение какого-то свойства, можно воспользоваться getComputedStyle(elem). По поводу jQuery не очень понял, что не получается. В вашем случае будет примерно так: $("#sli").css('margin-left', 100 + i); // or $('#sli').css('margin-left', (undefined, value) => parseFloat(value) + 100);
- 2 replies
-
- 1
-
-
- jquery
- javascript
- (and 2 more)
-
Зачем тут вообще globalCompositeOperation. Используйте параметры самой функции drawImage: // utility function function drawPuzzle(sx, sy, dx, dy) { ctx.drawImage(img, sx, sy, puzzleSize, puzzleSize, dx, dy, puzzleSize, puzzleSize); } img.onload = () => { // from image: x=100, y=50 // to canvas: x=0, y=0 drawPuzzle(100, 50, 0, 0); // etc... drawPuzzle(0, 150, puzzleSize, 0); };
-
Ну тогда проще все-таки через drawImage() делать. Либо, если не прямоугольная обрезка нужна, сначала обрезать, а потом использовать get/putImageData.
-
Событие показывает координаты относительно внутреннего блока
Igor Schnaider replied to DeuS7's question in JavaScript
#exp > div { pointer-events: none; } -
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/save https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/restore Как-то так:
-
Попробуй проверить поддержку forEach для NodeList. В эмуляторе Opera Mobile пишет, что false. Может дело в этом. document.body.appendChild( document.createTextNode( 'forEach' in NodeList.prototype ) ); // options.forEach ↓ Array.prototype.slice.call(options).forEach А вообще, делегирование используй. А то при каждом таче у тебя обработчики заново вешаются.
-
Как сделать что бы картинка собиралась из разных частей css
Igor Schnaider replied to Gleb_M's question in HTML Coding
Да в любой. -
// lineTo... ctx.clip(); ctx.drawImage(...);
-
Как сделать что бы картинка собиралась из разных частей css
Igor Schnaider replied to Gleb_M's question in HTML Coding
Ну вы в песочнице соберите нормальный пример. -
У вас второй background перекрывает первый: nav .navigation li a { background: url(../img/home.png); /* ... */ background: #ffffff; }
-
http://caniuse.com/#search=pattern Просто нужно понимать, что это, скорее, относится к UX, а не к корректности работы с email. Атрибут служит дополнительной подсказкой пользователю для правильного ввода, но не гарантирует, что на сервер не будет отправлен некорректный email. Сам скрипт обработки формы на сервере все равно должен делать такую проверку.
-
justify-content: space-between
-
Ну, я не телепат. Вы ведь не уточняли вначале. Вообще, все равно не очень понятно, как должно работать. По вашим условиям, если у нас, например, два блока — они должны быть оба на одной строке или каждый занимает свою строку (ну раз одинаковое количество на каждой строке, как вы написали)? А если три столбца — по одному на три строки или 2-на-1? А если... В общем, не понятно ;-)
-
Еще https://github.com/cuth/postcss-pxtorem
-
А что там сложного? unset можно применять к любому свойству, оно просто сбрасывает значение к дефолтному. initial — это значение по умолчанию для свойства background-attachment. А local заставляет фоновое изображение прокручиваться вместе с контентом. Пример
-
vertical-align влияет на выравнивание относительно базовой линии. В вашем случае, если текст не на несколько строк, можно просто использовать line-height: 200px. Либо просто создать flex-контейнер и сделать выравнивание по центру. 2017 все-таки ;-). C vertical-align прийдется создавать вспомогательный элемент на всю высоту, который будет тянуть базовую линию в центр, а вместе с ней и текст, который у вас в <span> лежит.
-
Попробуйте это.
-
Ну, прийдется вычислять количество и делить пополам. Наверное, можно поизвращаться с nth-child, но не уверен. Еще можно так.
-
Ну так делайте через установку высоты, а не полей.
-
Свойство transform: rotate() для адаптивной верстки
Igor Schnaider replied to Libiros's question in HTML Coding
Вы бы пример собрали в песочнице. -
У вас тут расхождение: .container { min-width: 1000px; padding: 0 10px; /* ☜ */ margin: 0 auto; } .row { display: flex; margin: 0 -15px; /* ☜ */ } Либо 10px, либо 15px.
-
Ну да, я неправильно вопрос понял. @Switch74 предложил варианты для вашего случая, делайте так.
-
Если в самом блоке 'a' текста нет, можно color вместо background задавать и наследовать его. jsfiddle.net/k65pq92o/ А еще лучше вынести в переменную. Тут кроссбраузерность немного страдает в случае с IE/Edge, но зато код будет более понятным. Да и через postcss-css-variables можно прогнать всегда :-)
-
Ну я оставил там в примере комментарий: как вариант, вращать элемент <image> в самом SVG, а маску применить к обертке. Вообще, с этим clip-path постоянно какие-то странности :-) Каждый раз для себя что-то новое открываю.
-
В общем, методом тыка пришел к тому, что нужно дублировать свойство в атрибуте style. ¯\_(ツ)_/¯ https://codepen.io/anon/pen/RgJyrB Новый Firefox уже поддерживает clip-path: polygon, для старых нужен fallback на SVG. IE и Edge вообще никак.