canvas_17 全局组合
2021/9/12 23:34:46
本文主要是介绍canvas_17 全局组合,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
<template> <view class="zcvs"> <view class="zcvs-item"> <view>Canvas_全局组合</view> <view> <canvas canvas-id="cvs" id="cvs" style="width: 400px; height: 400px;border: 1px solid #007AFF;" /> </view> </view> </view> </template> <script> export default { data() { return { colorList: [ "#DD524D", "#007AFF", "#4CD964", "#F0AD4E" ] }; }, onReady() { this.drawCvs(); }, methods: { drawCvs() { const ctx = uni.createCanvasContext('cvs'); ctx.beginPath(); ctx.setFillStyle("#007AFF"); ctx.fillRect(100, 100, 100, 100); ctx.globalCompositeOperation = "destination-atop"; ctx.setFillStyle("#DD524D"); ctx.arc(200, 200, 50, 0, 2 * Math.PI, false); ctx.fill(); ctx.draw(); }, } } </script> <style lang="scss" scoped></style>
这篇关于canvas_17 全局组合的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-04-26高性能表格工具VTable总体构成-icode9专业技术文章分享
- 2024-04-16软路由代理问题, tg 无法代理问题-icode9专业技术文章分享
- 2024-04-16程序猿用什么锅-icode9专业技术文章分享
- 2024-04-16自建 NAS 的方案-icode9专业技术文章分享
- 2024-04-14ansible 在远程主机上执行脚本,并传入参数-icode9专业技术文章分享
- 2024-04-14ansible 在远程主机上执行脚本,并传入参数, 加上remote_src: yes 配置-icode9专业技术文章分享
- 2024-04-14ansible 检测远程主机的8080端口,如果关闭,则echo 进程已关闭-icode9专业技术文章分享
- 2024-04-14result 成功怎么写-icode9专业技术文章分享
- 2024-04-14stopped 状态设置为变量,由外部传递进来-icode9专业技术文章分享
- 2024-04-14为什么ansible执行远程脚本需要放到后台-icode9专业技术文章分享