سوالات با برچسب canvas


03

سوال


04

جواب

پربازدید ترین های این برچسب
سلام دوستان،

تصمیم داریم بخشی از تغییرات سایت رو به کمک دوستان علاقه مند انجام بدیم. تغییراتی که خیلی زمان بر نیستند و برای انجام آنها شما هم لذتی هرچند کم خواهید برد. بعد از انجام هر بخش و تایید اون توسط تیم پشتیبانی از کار شما در سایت استفاده خواهد شد و نام شما به همراه کمکی که به ما کردید در بخش مرتبط و برای همیشه ثبت و به اطلاع بازدید کنندگان خواهد رسید.

کوچک پروژه ی اول:
اگر آشنا به کار با HTML5 و Canvas هستید، به ما کمک کنید تا لوگوی سایت رو به صورت متحرک در بیاریم. برای این کار کافیه آرم سایت رو به 3 یا 4 بخش مجزا تفکیک کنید (مثلا دست بیرون از آب، دست درون آب، آب و امواج ) و هر بخش رو در راستای خودش و به فراخور حرکت کوچکی بدید. نتیجه ترجیحا باید شامل حرکت های هر از گاهی و کوچک باشه تا بازدید کنندگان رو خسته و یا حواسشون رو پرت نکنه.

کدهاتون رو می تونید برای بخش پشتیبانی سایت ایمیل کنید و یا در سایت JsFiddle.net گذاشته و لینک آن را همراه با اطلاعات خودتون اینجا قرار دهید.

منتظر کوچک پروژه های و بیشتر باشید.
دوستان شما در سایت سوال و جواب
آخرین جواب ها با این برچسب
برای کشیدن ستاره یا هر شکل دلخواه دیگری در HTML5 با استفاده از عنصر `<canvas>` و API های آن، می‌توانید از کد JavaScript استفاده کنید. در ادامه یک نمونه کد ساده برای کشیدن یک ستاره ارائه می‌دهم:

<br><pre class='prettyprint'><code class='language-html'>
<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="500" height="500" style="border:1px solid #0000;">
مرورگر شما از کنواس پشتیبانی نمی‌کند.
</canvas>

<script>
// تنظیم context
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

// تابع برای کشیدن ستاره
function drawStar(ctx, cx, cy, spikes, outerRadius, innerRadius) {
var rot = Math.PI / 2 * 3;
var x = cx;
var y = cy;
var step = Math.PI / spikes;

ctx.beginPath();
ctx.moveTo(cx, cy - outerRadius)

for (i = 0; i < spikes; i++) {
x = cx + Math.cos(rot) * outerRadius;
y = cy + Math.sin(rot) * outerRadius;
ctx.lineTo(x, y)
rot += step

x = cx + Math.cos(rot) * innerRadius;
y = cy + Math.sin(rot) * innerRadius;
ctx.lineTo(x, y)
rot += step
}

ctx.lineTo(cx, cy - outerRadius);
ctx.closePath();
ctx.lineWidth=5;
ctx.strokeStyle='blue';
ctx.stroke();
ctx.fillStyle='skyblue';
ctx.fill();
}

drawStar(ctx, 250, 250, 5, 100, 50);
</script>

</body>
</html>
</code></pre>

در این کد، یک تابع `drawStar` تعریف شده است که پنج پارامتر می‌گیرد:

- `ctx`: context از کنواس که مشخص می‌کند کجا باید شکل را رسم کنیم.
- `cx`: مختصات x مرکز ستاره.
- `cy`: مختصات y مرکز ستاره.
- `spikes`: تعداد پره‌های ستاره.
- `outerRadius`: شعاع بیرونی ستاره.
- `innerRadius`: شعاع داخلی ستاره (برای فرورفتگی‌های بین پره‌ها).

این تابع یک ستاره پنج‌پره با تابش‌های داخلی و خارجی مختلف را رسم می‌کند. شما می‌توانید توسط تغییر پارامترها، شکل و اندازه ستاره‌ای که می‌خواهید را تنظیم کنید.
<br><br>
امیدوارم که این پاسخ کمکتان کرده باشه. اگر سوال دیگه‌ای داری، حتما بپرس!
<br>
جویا ، ربات باهوش سایت سوال و جواب

سوال و جواب ها با برچسب canvas




سلام دوستان،

تصمیم داریم بخشی از تغییرات سایت رو به کمک دوستان علاقه مند انجام بدیم. تغییراتی که خیلی زمان بر نیستند و برای انجام آنها شما هم لذتی هرچند کم خواهید برد. بعد از انجام هر بخش و تایید اون توسط تیم پشتیبانی از کار شما در سایت استفاده خواهد شد و نام شما به همراه کمکی که به ما کردید در بخش مرتبط و برای همیشه ثبت و به اطلاع بازدید کنندگان خواهد رسید.

کوچک پروژه ی اول:
اگر آشنا به کار با HTML5 و Canvas هستید، به ما کمک کنید تا لوگوی سایت رو به صورت متحرک در بیاریم. برای این کار کافیه آرم سایت رو به 3 یا 4 بخش مجزا تفکیک کنید (مثلا دست بیرون از آب، دست درون آب، آب و امواج ) و هر بخش رو در راستای خودش و به فراخور حرکت کوچکی بدید. نتیجه ترجیحا باید شامل حرکت های هر از گاهی و کوچک باشه تا بازدید کنندگان رو خسته و یا حواسشون رو پرت نکنه.

کدهاتون رو می تونید برای بخش پشتیبانی سایت ایمیل کنید و یا در سایت JsFiddle.net گذاشته و لینک آن را همراه با اطلاعات خودتون اینجا قرار دهید.

منتظر کوچک پروژه های و بیشتر باشید.
دوستان شما در سایت سوال و جواب

سلام دوستان،

تصمیم داریم بخشی از تغییرات سایت رو به کمک دوستان علاقه مند انجام بدیم. تغییراتی که خیلی زمان بر نیستند و برای انجام آنها شما هم لذتی هرچند کم خواهید برد. بعد از انجام هر بخش و تایید اون توسط تیم پشتیبانی از کار شما در سایت استفاده خواهد شد و نام شما به همراه کمکی که به ما کردید در بخش مرتبط و برای همیشه ثبت و به اطلاع بازدید کنندگان خواهد رسید.

کوچک پروژه ی اول:
اگر آشنا به کار با HTML5 و Canvas هستید، به ما کمک کنید تا لوگوی سایت رو به صورت متحرک در بیاریم. برای این کار کافیه آرم سایت رو به 3 یا 4 بخش مجزا تفکیک کنید (مثلا دست بیرون از آب، دست درون آب، آب و امواج ) و هر بخش رو در راستای خودش و به فراخور حرکت کوچکی بدید. نتیجه ترجیحا باید شامل حرکت های هر از گاهی و کوچک باشه تا بازدید کنندگان رو خسته و یا حواسشون رو پرت نکنه.

کدهاتون رو می تونید برای بخش پشتیبانی سایت ایمیل کنید و یا در سایت JsFiddle.net گذاشته و لینک آن را همراه با اطلاعات خودتون اینجا قرار دهید.

منتظر کوچک پروژه های و بیشتر باشید.
دوستان شما در سایت سوال و جواب
سلام دوستان،

تصمیم داریم بخشی از تغییرات سایت رو به کمک دوستان علاقه مند انجام بدیم. تغییراتی که خیلی زمان بر نیستند و برای انجام آنها شما هم لذتی هرچند کم خواهید برد. بعد از انجام هر بخش و تایید اون توسط تیم پشتیبانی از کار شما در سایت استفاده خواهد شد و نام شما به همراه کمکی که به ما کردید در بخش مرتبط و برای همیشه ثبت و به اطلاع بازدید کنندگان خواهد رسید.

کوچک پروژه ی اول:
اگر آشنا به کار با HTML5 و Canvas هستید، به ما کمک کنید تا لوگوی سایت رو به صورت متحرک در بیاریم. برای این کار کافیه آرم سایت رو به 3 یا 4 بخش مجزا تفکیک کنید (مثلا دست بیرون از آب، دست درون آب، آب و امواج ) و هر بخش رو در راستای خودش و به فراخور حرکت کوچکی بدید. نتیجه ترجیحا باید شامل حرکت های هر از گاهی و کوچک باشه تا بازدید کنندگان رو خسته و یا حواسشون رو پرت نکنه.

کدهاتون رو می تونید برای بخش پشتیبانی سایت ایمیل کنید و یا در سایت JsFiddle.net گذاشته و لینک آن را همراه با اطلاعات خودتون اینجا قرار دهید.

منتظر کوچک پروژه های و بیشتر باشید.
دوستان شما در سایت سوال و جواب
سلام دوستان،

تصمیم داریم بخشی از تغییرات سایت رو به کمک دوستان علاقه مند انجام بدیم. تغییراتی که خیلی زمان بر نیستند و برای انجام آنها شما هم لذتی هرچند کم خواهید برد. بعد از انجام هر بخش و تایید اون توسط تیم پشتیبانی از کار شما در سایت استفاده خواهد شد و نام شما به همراه کمکی که به ما کردید در بخش مرتبط و برای همیشه ثبت و به اطلاع بازدید کنندگان خواهد رسید.

کوچک پروژه ی اول:
اگر آشنا به کار با HTML5 و Canvas هستید، به ما کمک کنید تا لوگوی سایت رو به صورت متحرک در بیاریم. برای این کار کافیه آرم سایت رو به 3 یا 4 بخش مجزا تفکیک کنید (مثلا دست بیرون از آب، دست درون آب، آب و امواج ) و هر بخش رو در راستای خودش و به فراخور حرکت کوچکی بدید. نتیجه ترجیحا باید شامل حرکت های هر از گاهی و کوچک باشه تا بازدید کنندگان رو خسته و یا حواسشون رو پرت نکنه.

کدهاتون رو می تونید برای بخش پشتیبانی سایت ایمیل کنید و یا در سایت JsFiddle.net گذاشته و لینک آن را همراه با اطلاعات خودتون اینجا قرار دهید.

منتظر کوچک پروژه های و بیشتر باشید.
دوستان شما در سایت سوال و جواب


چند سوال تصادفی




پرسش سوال جدید :: تبلیغات در سوال و جواب :: گروه های سوال و جوابی

تمامی حقوق مادی و معنوی، متعلق به وب سایت سوال جواب (soja.ai) و تیم مدیریتی آن می باشد.

طراحی و اجرا : گروه مشاوران فناوری اطلاعات

پاسخ های موجود در سایت توسط کاربران سایت ثبت می شود،
سایت سوال و جواب هیچ مسئولیتی در قبال صحت و محتوی پاسخ ها ندارد، هرچند تا حد امکان نظارت بر محتوی آنها صورت می گیرد.