Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > операции с data:image

Автор: zmaxon 28.3.2010, 17:35

кто-нибудь сталкивался? бужу благодарен за помощь smile

нарисуем что-нибудь с помощью canvas

Код


<script>
window.onload = function() {
  var ctx = document.getElementById('c').getContext('2d');
  ctx.lineWidth = 1;
  ctx.beginPath();
  ctx.moveTo(0, 0);
  ctx.lineTo(50, 0);
  ctx.scale(1, 2);
  ctx.rotate(Math.PI / 2);
  ctx.lineTo(25, -50)
  ctx.rotate(Math.PI / 2);
  ctx.lineTo(0, -25)
  ctx.scale(1, 2);
  ctx.closePath();
  ctx.stroke();
  ctx.restore();
  ctx.translate(50, 50);
  ctx.fillStyle = 'white';
  ctx.strokeStyle = 'blue';
};
</script>
</head>
<body><canvas id=c width=500 height=500></canvas></body>
</html>

есть возможность получить доступ к рисунку и изменить его положение .style.top = '';
??

Автор: bars80080 28.3.2010, 22:15

а document.getElementById('c').style.top = ''; не катит?

с предварительно выставленными position: relative/absolute

Автор: zmaxon 28.3.2010, 22:39

>с предварительно выставленными

вот в чём проблема была, большое спасибо!