PR
きょうゆうくん
日々雑多な感想を記録します。python関連が多いです
カレンダー
カテゴリ
カテゴリ未分類
(410)プログラミング
(3)python
(317)html
(37)javascript
(121)VC#
(79)php
(120)小技
(18)android studio
(32)料理
(5)詐欺
(17)SQL
(7)VC++
(5)用語
(3)ubuntu
(0)node.js
(13)生活用品
(78)映画
(4)韓流・華流
(123)ジュエリー
(56)調べもの
(72)ファッション
(4)タイドラマ
(1)歴史
(44)お菓子
(3)玩具
(1)3DCG
(0)ことわざ
(1)blender
(96)Vue.js
(22)TypeScript
(3)css
(30)コミック
(3)android
(1)コメント新着
コメントに書き込みはありません。
キーワードサーチ
▼キーワード検索
2024.06.28
カテゴリ： javascript
HTML Canvasのインターフェイスのまとめ #2
【canvas】ctx.arc()を使って円を描画する
【canvas】ctx.arc()を使って円を描画する
<!
DOCTYPE
html
>
<
html
lang
= "en"
>
<
head
>
<
meta
charset
= "UTF-8"
>
<
meta
name
= "viewport"
content
= "width=device-width, initial-scale=1.0"
>
<
title
>
Document </
title
>
</
head
>
<
body
>
<
canvas
id
= "canid"
width
= 200
height
= 200
></
canvas
>
<
script
>
var
canid
=
document
.
getElementById
(
"canid"
);
var
ctx
=
canid
.
getContext
(
"2d"
);
ctx
.
beginPath
();
ctx
.
arc
(
60
,
60
,
60
,
0
,
2
*
Math
.
PI
,
true
);
ctx
.
clip
();
var
image
=
new
Image
();
image
.
src
=
"1.jpg"
;
image
.
onload
=
function
() {
ctx
.
drawImage
(
image
,
0
,
0
,
canid
.
width
,
canid
.
height
);
}
</
script
>
</
body
>
</
html
>
お気に入りの記事を「いいね！」で応援しよう
最終更新日
2024.07.05 09:14:43 コメントを書く
[javascript] カテゴリの最新記事
-
天気をTABの中でajaxから読み出す 2024.10.15
-
html css tabの中でajaxでニュースを見る 2024.10.05
-
いろんな画像がばらばら 2024.09.15
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
