Howdy, Stranger!

It looks like you're new here. Sign in or register to get started.

If you have any questions, reports, suggestions, or requests about Live2D, please send them to this forum.
※We cannot guarantee statements or answers from Live2D staff. Thank you for your understanding in advance.
Live2D Cubism
Cubism Products and Downloads
Cubism product manuals and tutorials
Cubism Editor Manual    Cubism Editor Tutorial    Cubism SDK Manual    Cubism SDK Tutorial

question-character not displayed correctly on canvas in webpage

edited August 2020 in Help
Hi I have problem with my live2d animation not displaying properly on canvas. It seems bigger than the canvas so I can see only part of character. Resizing canvas resizes animation as well. Is there an function to scale model in html without changing size of canvas? Or maybe I can somwhow set the model to be alweys scaled?

my html document

< !DOCTYPE html>
< html>
< head>
< script type="text/javascript" src="device.min.js">
< script type="text/javascript" src="bundle.js">
< script src="">
< /head>
< body>
< div style="width:954px;height:715px;">
< canvas id="char" >
< /div>
< style>
position: absolute;
top: 0px;
left: 318px;
width: 318px;
height: 715px;
z-index: 3;
< /style>
< script language="JAVASCRIPT">
var modelUrl="./models/alma/almapos1.model.json";
loadlive2d("char", modelUrl);
< /script>
< /body>
< /body>
< /html>

this is my model and how it should be

and here is what i get on my page

and model size is 636x1430 not sure if that has anything to do with the problem
Sign In or Register to comment.