//second animation process
circle
.animate()
.when(1000, {
position: [500, 0],
scale: [2, 1],
})
.when(2000, {
position: [200, 200],
scale: [1, 1],
})
.when(3000, {
position: [0, 200],
scale: [1, 2],
})
.when(4000, {
position: [0, 0],
scale: [1, 1],
})
.during(function () {
console.log(circle.animationProcessList.length);
})
.done(function () {
console.log(circle.animationProcessList.length);
})
.start(); //.start(true)
Пример мини-программы Wechat:
<view class="page">
<view class="page__hd">
<view class="page__title">Quark Renderer 小程序示例1</view>
</view>
<view class="page__bd page__bd_spacing">
<view style="width:100%;height:500px;">
<canvas style="width: 300px; height: 500px;" canvas-id="firstCanvas"></canvas>
</view>
</view>
</view>
onReady: function () {
let ctx = wx.createCanvasContext('firstCanvas');
//注意这里的初始化参数,因为微信小程序不允许操作 DOM,所以引擎不能自动获取到宽度高度,这里需要手动传进去
let qr = QuarkRenderer.init(ctx,{width:300,height:500,renderer:'canvas'});
let polygon = new QuarkRenderer.Polygon({
position: [100, 100],
scale: [1, 1],
style: {
fill: 'red'
}
});
setInterval(function () {
let len = Math.round(Math.random() * 100);
let points = [];
let r = (Math.random() * 100);
for (let i = 0; i <= len; i++) {
let phi = i / len * Math.PI * 2;
let x = Math.cos(phi) * r + 100;
let y = Math.sin(phi) * r + 100;
points.push([x, y]);
}
polygon.animateTo({
shape: {
points: points
}
}, 500, 'cubicOut');
}, 1000);
qr.add(polygon);
}
Документ находится в каталоге /api, откройте /api/index.html в браузере, и вы увидите красивый документ API, как у Sencha (ExtJS).
Изображение отсутствует.
Изображения отсутствуют.
VisioLink похож на линию в Microsoft Visio.
Изображение отсутствует.
Wechat mini-program example:
Изображение отсутствует.
https://cloud.tencent.com/edu/learning/live-1902?ADTAG=xyj
Лицензия BSD 3-Clause.
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.