html5文本设置字体大小,HTML5 Canvas的文本设置字体和大小
生活随笔
收集整理的這篇文章主要介紹了
html5文本设置字体大小,HTML5 Canvas的文本设置字体和大小
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
網頁制作文章簡介:HTML5 Canvas的文本設置字體和大小.
HTML5 Canvas的文本設置字體和大小,我們可以使用的字體在畫布范圍內的屬性。
下面我們就做一個簡單的實例為大家講解下,基本語法:
context.font=[value];
HTML5 Canvas Text Font & Size 例子
html5_canvas_text_sizebody {margin: 0px;padding: 0px;}
#myCanvas {border: 1px solid #9C9898; margin:0 auto;margin-top:200px; margin-left:100px;}
window.onload = function(){
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var x = 150;
var y = 100;
context.font = "40pt Calibri";
context.fillText("Hello WEBJX!", x, y);
};
總結
以上是生活随笔為你收集整理的html5文本设置字体大小,HTML5 Canvas的文本设置字体和大小的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: VUE路由防卫功能举例
- 下一篇: jquery ZeroClipboard