📜  如何使用Angular.js中的按钮更改HTML5 Canvas的字体?

📅  最后修改于: 2021-05-13 20:09:21             🧑  作者: Mango

在本文中,我们将学习如何使用AngularJS中的按钮更改HTML5 Canvas的字体。借助单击字体,用户可以更改字体属性,无论是字体大小还是字体样式。

句法:

  • 对于字体大小(相应地更改字体大小):
    variable.fontSize = "100px"
  • 对于字体样式(相应地更改字体样式):
    variable.font = "Comic Sans MS"

范例1:



  

    
      Change the font of 
      HTML5 Canvas using a button
  

  

    
        

          GeeksForGeeks       

        

          Change the font of HTML5 Canvas using a button       

                          

          GeeksForGeeks       

                
  

输出:
前:

后:

范例2:


  

    
      Change the font of 
      HTML5 Canvas using a button
  

  

    
        

          GeeksForGeeks       

        

          Change the font of HTML5 Canvas using a button       

                    

          GeeksForGeeks       

                      
  

输出: