Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
R
ruitu-magic-canvas
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
毛线
ruitu-magic-canvas
Commits
436e1352
Commit
436e1352
authored
Jun 05, 2023
by
毛线
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
去掉无用代码
parent
ec13bfcc
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
0 additions
and
29 deletions
+0
-29
canvas.vue
packages/canvas/src/canvas.vue
+0
-29
No files found.
packages/canvas/src/canvas.vue
View file @
436e1352
...
...
@@ -115,24 +115,6 @@ export default {
card
.
draw
(
ctx
)
})
}
// const card = new Card({
// x: 10,
// y: 10,
// width: 150,
// height: 150,
// bgImg: 'https://shengdi-image.oss-cn-shenzhen.aliyuncs.com/2023/05/30/tmp_b457b0ef3788dec5abcc5626ed03fe47',
// })
// card.draw(ctx)
// const card2 = new Card({
// x: 400,
// y: 100,
// width: 400,
// height: 400,
// bgImg: 'https://img2.baidu.com/it/u=2207107653,2475297256&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281',
// })
// card2.draw(ctx)
},
// 初始化数据
initData
(
value
)
{
...
...
@@ -187,11 +169,6 @@ function Card(params) {
// 计算矩形的中心
const
centerX
=
x
+
width
/
2
const
centerY
=
y
+
height
/
2
// console.log('centerX', centerX)
// console.log('centerY', centerY)
// ctx.save() // 保存当前状态
// ctx.rotate(Math.PI * (deg / 180))
// ctx.rotate(-Math.PI * (deg / 180))
ctx
.
translate
(
centerX
,
centerY
)
ctx
.
rotate
(
Math
.
PI
*
(
deg
/
180
))
ctx
.
translate
(
-
centerX
,
-
centerY
)
...
...
@@ -199,12 +176,6 @@ function Card(params) {
ctx
.
translate
(
centerX
,
centerY
)
ctx
.
rotate
(
Math
.
PI
*
(
-
deg
/
180
))
ctx
.
translate
(
-
centerX
,
-
centerY
)
// ctx.translate(-centerX, -centerY)
// ctx.rotate(Math.PI / 4)
// // ctx.translate(centerX, centerY)
// ctx.drawImage(img, 0, 0, img.width, img.height, x, y, width, height)
// ctx.translate(centerX, centerY)
// ctx.restore()
console
.
log
(
'渲染图片'
)
}
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment