یکشنبه , خرداد ۶ ۱۳۹۷
صفحه اصلی / مقالات / زبانهای برنامه نویسی / وب / HTML / canvas -بوم نقاشی در html

canvas -بوم نقاشی در html

کد استفاده شده در فیلم آموزشی که در پایین صفحه است را از اینجا میتوانید مطالعه کنید

<!doctype html>
<html>
<head>
<meta charset=”utf-8″>
<title>ebrahiminejad.com</title>
</head>

<body>

<canvas id=”test” style=”width:150px;height:150px;border:#14CED7 solid 1px;”>
error
</canvas>

<script>
var x=document.getElementById(“test”);
var can=x.getContext(“2d”);

can.font=”30px arial”;
can.fillStyle=”#ff0000″;
can.fillText(“<?PHP echo “ebrahiminezhad.com”; ?>”,10,40);
can.strokeText(“ebrahiminejad.com”,10,80);

</script>

</body>
</html>

 

 

 

دوره‌ی حرفه‌ای طراحی وب  کلیک کنید

 

قسمت اول آموزش بوم نقاشی در html  یا

canvas که ساخت یک بوم و تولید متن در آن را توضیح میدهد

 

 

درباره فرخ ابراهمی نژاد

فرخ ابراهمی نژاد
نویسنده‌ی کتاب yii framework برای برنامه نویسان php برنده‌ی دو دوره جشنواره‌ی وب ایران برای سایت linkpad.ir نویسنده, مدرس, مشاور و تولید کننده‌ی نرم افزار فرخ فوق‌لیسانس و لیسانس نرم‌افزار خوانده اما اعتقاد دارد برای موفقیت و رسیدن به درآمد وکسب‌وکار آنلاین نیاز به تحصیلات در دانشگاه ندارید.

این مطالب را نیز ببینید!

انواع ورودی در HTML کدامند؟

  انواع ورودی متنی در HTML (بخشی از کتاب خودم درباره ی اموزش زبان html …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *