For the canard to work to its purpose, it has to be on different plane than the wing on the same side. Conventional aircraft does that, Rafale, Eurofighter and JAS-39. However that will increase RCS.
J-20's solution is very smart, by having different angle, the canard does the same job as on different plane. The trick is that, the canard is coplanar with the main wing on the other side of the fuselage, this arrangement reduces the RCS to the same level as if they are coplanar to the same side main wing as you suggested.