HTML5 Canvas Svg+css to canvasДобрый день.
Строю графики с помощью c3js, они выводятся в svg. Цель - сохранить получившийся график. Пытаюсь конвертировать svg в canvas, но при конвертировании не подхватываются css.
Используя svg_todataurl.js нахожу на странице первый попавшийся svg, конвертирую в canvas и пытаюсь вывести в <img id="fromcanvas" />
function saveGraph() {
var svg =...https://www.cyberforum.ru/ javascript-canvas/ thread1537124.html
Canvas заливка фигуры HTML5 Canvas Здравствуйте, как решить проблему в канве с заливкой фигуры: при заливке первая и последняя точка, как бы, соединяются
Особенно это актуально для произвольных фигур. Хотелось бы без лин. алгебры все сделать.
Область DCE не должна закрашиваться, а стандартной функцией fill() - закрашивается
HTML5 Canvas Соединить точки на canvasНарод как можно сделать так, что бы несколько точек на canvas последовательно соединились. Если изначально разметка такая.
<style type="text/css">
#myCanvas{
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}https://www.cyberforum.ru/ javascript-canvas/ thread1533842.html
HTML5 Canvas Обход ImageData для попиксельного рисования на canvasЗдравствуйте, есть функция, которая закрашивает canvas в красный цвет. Для этого нужно обойти весь ImageData.
Теперь вопросы:
1) почему "обход 2" красит как нужно, а "обход 1" - с полосками?
2) как поправить 1ый в-т?
function drawTest(ctx) {
var width = parseFloat(getComputedStyle(ctx.canvas).width),
height =...https://www.cyberforum.ru/ javascript-canvas/ thread1533174.html
HTML5 Canvas Сохранение canvas в png Есть div, из содержимого этого div формируется canvas,потом я пытаюсь сохранить это в png
$("#s_img1").click(function (){
html2canvas($("#tableWrap"), {
onrendered: function(canvas) {
theCanvas = canvas;
document.body.appendChild(canvas);
HTML5 Canvas Изменение фона при сохранении рисунка из тега canvasУ меня возникла такая сложность -
В моей программке для рисования на теге canvas можно рисовать что-нибудь, а потом можно сохранить рисунок при помощи правого клика мышью по нему - сохранить как. При сохранении рисунок получается с чёрным фоном вместо белого. Почему это происходит? и как сделать белый фон, как он и есть?
Вот код функции, которая сохраняет рисунок:
function saveCanvas()...https://www.cyberforum.ru/ javascript-canvas/ thread1510832.html
HTML5 Canvas Пример создания match-3 игрыЗдравствуйте!
Нашел пример создания match-3 игры: http://rembound.com/articles/how-to-make-a-match3-game-with-html5-canvas
В этом примере плитки в виде обычных форм с залитым цветом. Подскажите как эти фигуры заменить картинками?
В canvas собственно как и javascript не силен. Спасибо.https://www.cyberforum.ru/ javascript-canvas/ thread1506168.html
HTML5 Canvas Как правильно "вырезать" с канвы часть фигуры? Привет, кто может подсказать, как правильно "вырезать" с канвы часть другой фигуры?
На пример, есть полностью залитый черный квадрат(фон), есть круг, которой залит, скажем, градиентом, с центра прозрачный, на краях переход к черному. Вопрос, как его вырезать так, чтобы этот переход остался? В примерах с тенями, этот эффект называется "пенумбра", но гуглив по этой теме, я ничего толком не нашел.
HTML5 Canvas Canvas перекрывает ссылкиhttps://www.cyberforum.ru/ javascript-canvas/ thread1495947.html Добрый день!
Хочу что бы на сайте поверх происходила какая-нибудь анимация, типа пчелка летает по экрану, для этого использую канвас на весь экран, и вроде все хорошо, но он ссылки перекрывает (что неприемлемо). Как быть?
<canvas id ="headCanv" style="position: fixed;"></canvas>
<a href="empty.php">testLink</a>
<script type="text/javascript">
HTML5 Canvas Объяснить работу кода для canvasfunction ellipse(context, cx, cy, rx, ry){
context.save(); // save state
context.beginPath();
context.translate(cx-rx, cy-ry);
context.scale(rx, ry);
context.arc(1, 1, 1, 0, Math.PI, false);
context.restore(); // restore to original state
context.stroke();https://www.cyberforum.ru/ javascript-canvas/ thread1494224.html
HTML5 Canvas Не Работает clearRect (canvas) <!DOCTYPE html>
<html>
<body>
<canvas id="1" width="1024" height="600">instal google chrome</canvas>
</body>
<script>
var square = document.getElementById("1")
var add = square.getContext("2d");
var Object = function (params) { //универсальный конструктор фигур
Всем привет!
Можно ли с помощью JS или CSS анимировать фигуры canvas после того, когда они были отрисованы. К примеру, на одном холсте есть две окружности, одна из них должна спустя 3 секунды медленно исчезнуть.