Форум программистов, компьютерный форум, киберфорум
Наши страницы

JavaScript: HTML5 Canvas

Войти
Регистрация
Восстановить пароль
 
Teclis
0 / 0 / 0
Регистрация: 06.10.2015
Сообщений: 21
#1

Лишний stroke вокруг элементов canvas - HTML5 Canvas

14.08.2017, 14:26. Просмотров 187. Ответов 0
Метки нет (Все метки)

Добрый день, ситуация следующая:

Сделал баннер через google web designer, баннер состоит из разных canvas элементов. Если цвет заливки светлый то вроде всё нормально, но если элементы тёмные то видна светлая граница вокруг фигур. Не могу понять в чём дело, может со сглаживанием проблемы? Но почему граница не просто размытая или резкая, а ещё и светлая как будто stroke 1px не понятно


Скрины во вложении

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<canvas is="gwd-bezierpath" width="50" height="25" class="BE_basicRibbonBg gwd-grp-14ds gwd-canvas-63r2" anchors="[[[48.98,0.71,0],[49.1,0.5,0],[49.09,0.37,0]],[[35.78,12.35,0],[35.78,12.35,0],[35.78,12.35,0]],[[50.1,22.81,0],[50.1,22.81,0],[50.1,22.81,0]],[[0.5,25.38,0],[0.5,25.38,0],[0.5,25.38,0]],[[5.46,2.12,0],[5.46,2.12,0],[5.46,2.12,0]]]"
        closed="" stroke-width="0" stroke-color="null" fill-color="[1,1,1,1]" geom-type="5"></canvas>
<canvas is="gwd-bezierpath" width="59" height="29" class="BE_basicRibbonBg gwd-grp-14ds gwd-canvas-1qg0" anchors="[[[7.07,29.55,0],[7.13,29.48,0],[7.13,29.48,0]],[[58.88,21.4,0],[58.88,21.4,0],[58.88,21.4,0]],[[38.99,0.5,0],[38.99,0.5,0],[38.99,0.5,0]],[[0.5,5.17,0],[0.5,5.17,0],[0.5,5.17,0]],[[17.01,15.4,0],[17.01,15.4,0],[17.01,15.4,0]]]"
        closed="" stroke-width="0" stroke-color="null" fill-color="[1,1,1,1]" geom-type="5"></canvas>
<canvas is="gwd-bezierpath" width="26" height="15" class="BE_secondRibbonBg gwd-grp-14ds gwd-canvas-1npi" anchors="[[[0.36,2.54,0],[0.5,2.6,0],[0.5,2.6,0]],[[19.22,0.5,0],[19.22,0.5,0],[19.22,0.5,0]],[[25.77,14.6,0],[25.77,14.6,0],[25.77,14.6,0]]]" closed="" stroke-width="0"
        stroke-color="null" fill-color="[0.5450980392156862,0.5450980392156862,0.5450980392156862,1]" geom-type="5"></canvas>
<canvas is="gwd-bezierpath" width="17" height="16" class="BE_secondRibbonBg gwd-grp-14ds gwd-canvas-1q5g" anchors="[[[3.82,2.02,0],[3.74,1.82,0],[3.74,1.82,0]],[[17.36,0.5,0],[17.36,0.5,0],[17.36,0.5,0]],[[0.5,16.39,0],[0.5,16.39,0],[0.5,16.39,0]]]" closed="" stroke-width="0"
        stroke-color="null" fill-color="[0.5450980392156862,0.5450980392156862,0.5450980392156862,1]" geom-type="5"></canvas>
<canvas is="gwd-bezierpath" width="142" height="51" class="BE_basicRibbonBg gwd-grp-14ds gwd-canvas-1lar" anchors="[[[141.6,0.64,0],[141.66,0.5,0],[141.66,0.5,0]],[[0.51,18.73,0],[0.5,18.6,0],[0.49,18.47,0]],[[28.13,50.72,0],[28.13,50.72,0],[28.13,50.72,0]],[[122.83,40.71,0],[122.83,40.71,0],[122.83,40.71,0]]]"
        closed="" stroke-width="0" stroke-color="null" fill-color="[1,1,1,1]" geom-type="5"></canvas>
 
 
 
<canvas is="gwd-bezierpath" width="326" height="295" class=" BE_secondTriangleColor gwd-canvas-jy14 gwd-canvas-elez gwd-gen-hadsgwdanimation" anchors="[[[1.8,1.91,0],[0.5,0.5,0],[0.5,0.5,0]],[[326.43,55.66,0],[326.43,55.66,0],[326.43,55.66,0]],[[172.65,294.53,0],[172.65,294.53,0],[172.65,294.53,0]]]"
        closed="" fill-color="[1,0.8470588235294118,0.07058823529411765,1]" geom-type="5"></canvas>
<canvas is="gwd-bezierpath" width="308" height="245" class=" BE_topTriangleColor gwd-canvas-jy14 gwd-canvas-ra5p gwd-gen-n3w9gwdanimation" anchors="[[[1.56,20.12,0],[0.5,18.67,0],[0.5,18.67,0]],[[307.56,0.5,0],[307.56,0.5,0],[307.56,0.5,0]],[[170.89,245.16,0],[170.89,245.16,0],[170.89,245.16,0]]]"
        closed="" fill-color="[0.9725490196078431,0.9725490196078431,0.11372549019607843,1]" geom-type="5"></canvas>
0
Миниатюры
Лишний stroke вокруг элементов canvas   Лишний stroke вокруг элементов canvas  
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
14.08.2017, 14:26
Здравствуйте! Я подобрал для вас темы с ответами на вопрос Лишний stroke вокруг элементов canvas (HTML5 Canvas):

Canvas html5, как разместить черный пискель в центре canvas'a? - HTML5 Canvas
как разместить черный пискель в центре canvas'a?

анимация Polygon.Stroke в C# - C# WPF
Проблемка с анимацией границы фигуры с кода c# непосредственно, а именно: ColorAnimation animation = new...

Неправильная отрисовка Stroke у RoundedRect - ActionScript
Подскажите, пожалуйста, с чем связана непавильная отрисовка strok-а у адобовского RoundRect. Дело в том, что при рисовании строка явно...

Создать модель движения Солнца вокруг орбиты, Земли вокруг Солнца, Луны вокруг земли - Visual Basic
Вот есть набросок, что дальше? :help: Const pi = 3.14 Dim intRev As Single Private Sub Command1_Click() BackColor = vbBlue ...

Можно ли одной процедурой рисовать на Image.Canvas и Printer.Canvas - Delphi
Здравствуйте, пожалуйста, подскажите можно ли одной процедурой рисовать на Image.Canvas и Printer.Canvas?

построить функцию y=kx+b (линейная функция) с помощью Vcart или canvas (form.canvas) - Delphi
Надо построить функцию y=kx+b (линейная функция) с помощью Vcart или canvas (form.canvas)

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
14.08.2017, 14:26
Привет! Вот еще темы с ответами:

Как добиться одинакового размера шрифта при выводе на Image.Canvas и Printer.Canvas - Delphi
Здравствуйте! Подскажите, пожалуйста, как добиться одинакового размера шрифта при выводе на Image.Canvas и Printer.Canvas

Обработка элементов Canvas в mmtimer - C++ Builder
Доброго времени суток. Имеется мультимедийный таймер, в котором идёт обработка поверхности канвы - перемещается нарисованный шарик: ...

.NET 4.x График (canvas + биндинг элементов) - C# WPF
Привет. Задача у меня, наверное, для всех знакомая - нужно нарисовать график. Как &quot;хост для рисования&quot; использую - canvas В...

Расположение canvas элементов по окружности - C++
Всем привет. Пишу небольшую программку на c++ (под rad studio). Вроде с математикой проблем нет, но не могу разобраться. Имеется...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Рейтинг@Mail.ru