تعليق: HTML5 Canvas قوي للغاية لاستخدام قماشها لرسم منحنيات بيزييه بسهولة ، وهو مناسب للجميع لاستخدامه في المستقبل. يتم مشاركة هذا بشكل خاص مع رمز التنفيذ. يمكن للأصدقاء الذين لديهم هذه الحاجة أن يشير إليها.
عرض التأثير:رمز كامل:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title> ارسم منحنيات Bezier باستخدام Canvas Canvas HTML5 </title>
</head>
<body>
<viv>
<a href = "http://keleyi.com/a/bjac/j77m9131.htm" target = "_ blank"> النص الأصلي </a> </div>
<Canvas> </tanvas>
<script type = "text/javaScript">
سحب الوظيفة (معرف)
{
var canvas = document.getElementById (id) ؛
إذا (قماش == فارغ)
العودة كاذبة
var context = canvas.getContext ('2d') ؛
context.fillStyle = "#eeEeff" ؛
Context.FillRect (0،0،400،300) ؛
var n = 0 ؛
var dx = 150 ؛
var dy = 150 ؛
var s = 100 ؛
context.beginPath () ؛
context.globalcompositeOperation = 'و' ؛
context.fillStyle = 'RGB (100،255،100)' ؛
context.strokestyle = 'rgb (0،0،100)' ؛
var x = math.sin (0) ؛
var y = math.cos (0) ؛
var dig = math.pi/15*11 ؛
لـ (var i = 0 ؛ i <30 ؛ i ++)
{
var x = math.sin (i*dig) ؛
var y = math.cos (i*dig) ؛
context.beziercurveto (dx+x*s ، dy+y*s-100 ، dx+x*s+100 ، dy+y*s ، dx+x*s ، dy+y*s) ؛
}
context.closepath () ؛
context.fill () ؛
سياق. ضربة () ؛
}
ارسم ("keleyi_com") ؛
</script>
</body>
</html>