Alexander Calder

index.html

<div class="center">
<canvas id="AlexanderCalder" width="423" height="518"></canvas>
</div>
<!--
HTML5 painting based on:
Artist: Alexander Calder
Untitled 
Oil on canvas
https://theartstack.com/artworks/zonder-titel-olieverf
-->

script.js

var canvas = document.getElementById('AlexanderCalder');
  var context = canvas.getContext('2d');
context.beginPath();
     context.rect(0, 421, 74, 5);
     context.fillStyle = '#131019';
     context.fill();
     context.lineWidth = 1;
     context.strokeStyle = '#3D3938';
     context.stroke();
     context.beginPath();
 context.rect(200, 149, 69, 10);
     context.fillStyle = '#131019';
     context.fill();
     context.beginPath();
 context.rect(268, 0, 70, 518);
     context.fillStyle = '#131019';
     context.fill();
     context.beginPath()

style.css

#AlexanderCalder{background:#DDD6C4;border:16px solid #A46518;}
.center {
  /* [1] */
  position: absolute;
  left: 50%;
  top: 50%;
  /* [2] */
 transform: translate(-50%, -50%); 
  /**/
}

Untitled - Alexander Calder.markdown

Untitled - Alexander Calder

HTML5 painting based on Untitled by Alexander Calder. Artist: Alexander Calder Title: Untitled src: https://theartstack.com/artworks/zonder-titel-olieverf

A Pen by Tankred on CodePen.

License.