資料結構
聯網
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
安卓
Python
C語言程式設計
C++
C#
MongoDB
MySQL
JavaScript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究HTML5畫布圓形文字
要在畫布上的圓內建立文字，請使用−
context.beginPath();
示例
以下是畫布−
$("#demo").on("click", "#canvas1", function(event) {
var canvas = document.getElementById('canvas1');
if (canvas.getContext) {
var context = canvas.getContext("2d");
var w = 25;
var x = event.pageX;
var y = Math.floor(event.pageY-$(this).offset().top);
context.beginPath();
context.fillStyle = "blue";
context.arc(x, y, w/2, 0, 2 * Math.PI, false);
context.fill();
context = canvas.getContext("2d");
context.font = '9pt';
context.fillStyle = 'white';
context.textAlign = 'center';
context.fillText('amit', x, y+4);
}
});HTML
<div id = demo> <canvas id = canvas1></canvas> </div>
更新於：2020年6月25日
422次瀏覽
廣告