Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript: HTML5 Canvas
Войти
Регистрация
Восстановить пароль
 
Teclis
0 / 0 / 1
Регистрация: 06.10.2015
Сообщений: 21
#1

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

14.08.2017, 14:26. Просмотров 280. Ответов 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?
как разместить черный пискель в центре canvas'a?

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

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

[UWP] Анимация цвета свойства Stroke
Создаю UWP приложение и столкнулся с проблемой: есть контрол Rectangle нужно...

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

Почему рамка создаётся вокруг картинки, а не вокруг блока?
Не подскажите ещё кое-что? Не хочу засорять тему HTML/CSS своими простецкими...

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

Расположение элементов в Canvas
Добрый день. Имеется Canvas, в котором находится rectangle. Подскажите, как...

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

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

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


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

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

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