Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Полупрозрачные края картинок (можно ли сделать?) (https://javascript.ru/forum/dom-window/65015-poluprozrachnye-kraya-kartinok-mozhno-li-sdelat.html)

рони 20.09.2016 15:16

Fesali,

результат canvasmask пост 6

рони 20.09.2016 15:17

Цитата:

Сообщение от Fesali
ваш пример что-то не работает.

картинки и маска должны лежать тамже где скрипт

Fesali 20.09.2016 15:28

что то не получается завести этот канвас http://codepen.io/anon/pen/ALpvQK?editors=1100#0

рони 20.09.2016 15:38

Цитата:

Сообщение от Fesali
что то не получается завести этот канвас

Цитата:

Сообщение от рони
картинки и маска должны лежать тамже где скрипт

Цитата:

SecurityError: The operation is insecure.
http://codepo8.github.io/canvas-masking/canvasmask.js
Line 30
:-?

Fesali 20.09.2016 16:04

В фаерфоксе работает, в опере ни в какую, хотя демо пример работает и в опере. Я понял что в скрипте нужно указать ссылку на изображение img.src = imagecanvas.toDataURL("red-panda.jpg") перепробовал, зараза в опере на работает

рони 20.09.2016 16:06

Fesali,
картинки и скрипт положите к себе на сервер

Fesali 20.09.2016 16:17

Работает, но не нравится что сперва картинка появляется целиком, потом маска её обрезает, с опозданием. На сервер загрузил, все получилось.
Спасибо! буду разбиратся.

рони 20.09.2016 16:24

Fesali,
так не показывайте пока не обработается -- гифку прелоада или с помощью css

laimas 20.09.2016 16:35

Цитата:

Сообщение от Fesali
На сервер загрузил, все получилось.

Если изображения на сервере, то почему это не делать средствами сервера, тем более что речь идет об обычном наложении?

Fesali 20.09.2016 16:56

Цитата:

так не показывайте пока не обработается -- гифку прелоада или с помощью css
Маска centerblur.png она грузится долго, можно ли её заменить градиентом типа radial gradient ???


Часовой пояс GMT +3, время: 14:27.