Javascript 如何更改此动画名称（画布）的大小_Javascript_Html_Animation

Javascript 如何更改此动画名称（画布）的大小

javascript html animation

Javascript 如何更改此动画名称（画布）的大小,javascript,html,animation,Javascript,Html,Animation,我正在尝试在我的网站上添加一个动画名称但是这个动画名称的大小太大了。如何改变它的大小，没有任何错误代码如下： <!DOCTYPE html> <html> <head> <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="http://

我正在尝试在我的网站上添加一个动画名称但是这个动画名称的大小太大了。如何改变它的大小，没有任何错误

代码如下：

<!DOCTYPE html>
<html>
 <head>
<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script>
 </head>
  <body>
<canvas id="myCanvas"></canvas>
<script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script>
   <script>
var myName = "Codecademy";

var red = [0, 100, 63];
var orange = [40, 100, 60];
var green = [75, 100, 40];
var blue = [196, 77, 55];
var purple = [280, 50, 60];
var letterColors = [red, orange, green, blue, purple];

drawName(myName, letterColors);

if(10 < 3)
{
bubbleShape = 'square';
}
else
{
bubbleShape = 'circle';
}

 bounceBubbles();
 </script>
 </body>
 </html>


var myName=“Codecademy”；
var red=[010063]；
var orange=[40100,60]；
绿色变量=[7510040]；
var blue=[196,77,55]；
紫色变量=[280,50,60]；
var letterColors=[红色、橙色、绿色、蓝色、紫色]；
drawName（我的姓名、字母颜色）；
如果（10<3）
{
泡泡形状='正方形'；
}
其他的
{
泡泡形状='圆形'；
}
弹跳气泡（）；

形成每个字母的气泡由alphabet.js脚本中的数据数组决定。这意味着像大小这样的常规字体机制不适用

将气泡从十六进制转换为气泡数组后，可以通过缩放气泡的坐标来修改字符的大小

下面是一个应用缩放的简单方法。对bubbles.js脚本的内容进行了更改：

function Point(x, y, z, size, color) {      
var globalSizer = 0.3;
 x = Math.round(x * globalSizer);
 y = Math.round(y * globalSizer);
 z = Math.round(z * globalSizer);
size = Math.round(size * globalSizer);

减小globalSizer的值将导致字母收缩。以下是整个工作流程：

var myName=“TinyTinyText”；
var red=[010063]；
var orange=[40100,60]；
绿色变量=[7510040]；
var blue=[196,77,55]；
紫色变量=[280,50,60]；
var letterColors=[红色、橙色、绿色、蓝色、紫色]；
var canvas=$（“我的画布”）；
var画布高度；
var画布宽度；
var-ctx；
var点集合；
文件。旋转力=0.0；
摩擦系数=0.85；
var-white=[0,0100]；
var black=[0,0,27]；
var red=[010063]；
var orange=[40100,60]；
绿色变量=[7510040]；
var blue=[196,77,55]；
紫色变量=[280,50,60]；
drawName（我的姓名、字母颜色）；
如果（10<3）
{
泡泡形状='正方形'；
}
其他的
{
泡泡形状='圆形'；
}
弹跳气泡（）；
/*
--------------------------------------------------------------------------------------
Bubble.js。。。
--------------------------------------------------------------------------------------
*/
函数向量（x，y，z）{
这个.x=x；
这个。y=y；
这个。z=z；
this.set=函数（x，y）{
这个.x=x；
这个。y=y；
};
}
函数PointCollection（）{
this.mousePos=新向量（0,0）；
this.pointCollectionX=0；
this.pointCollectionY=0；
此参数为.points=[]；
this.update=函数（）{
对于（var i=0；i