Lively Kernel canvas
ProjectConcept-LivelyHTML16nullnull
40nullnull
Demo40nulltrue
truetruetrue
prevfalsenullfalsetrue
nextfalsenullfalsetrue
nulltrue//addallshapesdirectlytothebodyelementbodyElement=document.getElementsByTagName('body')[0];//createanHTMLrectanglerectangleShape=newHTML5RectangleShape(newRectangle(0,0,150,200));rectangleShape.setBackgroundColor('red');bodyElement.appendChild(rectangleShape.rawNode);//createanHTMLellipseellipseShape=newHTML5EllipseShape(newRectangle(150,0,150,200));ellipseShape.setBackgroundColor('green');bodyElement.appendChild(ellipseShape.rawNode);//transformationoftheellipseellipseShape.translateBy(200,100);//transformationoftherectanglerectangleShape.scaleBy(2);rectangleShape.rotateBy(45);rectangleShape.translateBy(350,-150);//cleanuprectangleShape.remove();ellipseShape.remove();18truetruefalse23truetruefalse
false1truefalsetruetruefalse
nullfalsetruenullfalse
falsenullfalse
false
false
falsenullfalsefalsenullnullnullnullfalse
null84