HTML5 Canvas Text Stroke Color

Penulis：Eve Cole Waktu Pembaruan：2025-04-30 00:48:01

Artikel Pengenalan Wulin.com (www.vevb.com): Untuk mengatur teks Canvas HTML5 Color Stroke, kita dapat menggunakan latar belakang kanvas strokestyle dan metode stroketext ().

Untuk mengatur teks stroke HTML5 Canvas Text, kita dapat menggunakan latar belakang kanvas strokestyle dan metode stroketext ().

context.strokestyle = [nilai];

Context.strokeText (halo dunia!, x, y);

Mari kita lihat contoh berikutnya:

<! Doctype html>

<Html>

<head>

<title> html5_canvas_text_stroke </iteme>

<tyle>

tubuh {margin: 0px; padding: 0px;}

#mycanvas {border: 1px solid #9c9898; margin: 0 otomatis; margin-top: 200px; margin-kiri: 100px;}

</tyle>

window.onload = function () {

var canvas = document.getElementById (myCanvas);

var context = canvas.getContext (2D);

var x = 80;

var y = 110;

Context.font = 60pt Calibri;

context.linewidth = 3;

Context.strokestyle = biru; // warna stroke

Context.strokeText (halo dunia!, x, y);

};

</script>

</head>

<body>

</ Canvas>

</body>

</html>