Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > HTML-Tutorial > canvas-9NonZeroAroundPrinciples.html_html/css_WEB-ITnose

canvas-9NonZeroAroundPrinciples.html_html/css_WEB-ITnose

WBOY

Freigeben： 2016-06-24 11:33:01

Original

1018 Leute haben es durchsucht

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>非零环绕原则</title></head><body>    <canvas id="canvas" style="margin:0 auto;border:1px #ddd solid">        The current browser does not support Canvas, can replace the browser a try!    </canvas>    <script>        window.onload = function(){            var canvas = document.getElementById('canvas');            canvas.width = 1024;            canvas.height = 768;            if(canvas.getContext('2d')){                var context = canvas.getContext('2d');                context.beginPath();                    context.arc(400,400,300,0,Math.PI*2,false);                    context.arc(400,400,150,0,Math.PI*2,true);                context.closePath();                context.fillStyle = "#058";                context.shadowColor = "gray";                context.shadowOffsetX = 10;                context.shadowOffsetY = 10;                context.shadowBlur = 10;                context.fill();            }else{                alert('当前游览器不支持Canvas，请更换游览器后再试！');            }        }    </script></body></html>

Nach dem Login kopieren

Verwandte Etiketten：

canvas-9NonZeroAroundPrinciples.html

Quelle：php.cn

Vorheriger Artikel：使用css3画饼图_html/css_WEB-ITnose Nächster Artikel：【原创】微信公众号与HTML 5混合模式揭秘4--jssdk调用微信扫一扫_html/css_WEB-ITnose

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors